.dashboard{display:flex;flex-direction:column;align-items:center;width:100%;gap:14px;padding:0 10px}.dashboard button{border:0px}.dashboard button:hover{cursor:pointer;transform:scale(1.05)}.dashboard .upper-section{display:flex;flex-direction:row;gap:20px;width:100%}.dashboard .upper-section .edit-profile{flex:3;border-radius:10px;box-shadow:0 4px 8px #0000001a;border:solid 1px;padding:10px;position:relative}.dashboard .upper-section .edit-profile p{size:20px;margin-bottom:5px}.dashboard .upper-section .edit-profile .profile-input{width:70%;max-width:400px;height:35px;padding-left:7px;border:1px solid;border-radius:5px;font-size:16px;outline:none;margin-bottom:10px}.dashboard .upper-section .edit-profile .profile-input:focus{border-color:green;box-shadow:0 0 5px green}.dashboard .upper-section .edit-profile .btn-container{width:70%;max-width:400px;position:absolute;bottom:10px;display:flex;justify-content:space-between}.dashboard .upper-section .edit-profile .btn-container button{height:35px;font-size:16px;border:0px;font-weight:200;background-color:#3f915a;color:#fff}.dashboard .upper-section .edit-profile .btn-container button:hover{cursor:pointer;transform:scale(1.05)}.dashboard .upper-section .gnews{flex:2;display:flex;flex-direction:column;align-items:center;border-radius:10px;box-shadow:0 4px 8px #0000001a;justify-content:center;border:solid 1px;padding:10px}.dashboard .upper-section .gnews p{margin-bottom:10px}.dashboard .upper-section .gnews select{width:170px;height:33px;padding-left:7px;border:1px solid;border-radius:5px;font-size:16px;margin-bottom:14px}.dashboard .upper-section .gnews .each-topic{width:170px;display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.dashboard .upper-section .gnews .each-topic button{height:24px}.dashboard .upper-section .gnews .gamespot-btn{margin-top:5px;height:30px;background-color:#3f915a;color:#fff}.dashboard .youtube{display:flex;flex-direction:column;align-items:center;width:100%;border-radius:10px;box-shadow:0 4px 8px #0000001a;justify-content:center;border:solid 1px}.dashboard .youtube p{margin:10px 0}.dashboard .youtube .youtube-search{display:flex;flex-direction:row}.dashboard .youtube .youtube-search input{width:400px;height:35px;padding-left:7px;border:1px solid;border-radius:5px;font-size:16px;outline:none}.dashboard .youtube .youtube-search input:focus{border-color:#198307;box-shadow:0 0 5px #01591e}.dashboard .youtube .youtube-search .search-btn{background-color:#3f915a;color:#fff;height:35px;border-radius:10px;margin:0 3px}.dashboard .youtube .youtube-search .clear-btn{background-color:#a80d0d;color:#fff;height:35px;border-radius:10px}.dashboard .youtube .channels{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;padding:10px;width:100%}.dashboard .youtube .channels .eachChannel{display:flex;flex-direction:column;align-items:center;max-width:200px;padding:10px;border-radius:10px;box-shadow:0 4px 8px #0000001a;border:1px solid #ccc;background-color:#fff;text-align:center;word-wrap:break-word}.dashboard .youtube .channels .eachChannel h4{margin-bottom:10px;height:53px;align-content:center}.dashboard .youtube .channels .eachChannel img{width:60px;object-fit:cover;margin-bottom:10px}.dashboard .youtube .channels .eachChannel button{height:24px}.dashboard .remove-btn{background-color:#a80d0d;color:#fff}.dashboard .comfirm{width:200px;height:35px;font-size:16px;border:0px;color:#fff;background-color:#3f915a}.dashboard .comfirm:hover{cursor:pointer;transform:scale(1.05)}.login{display:flex;justify-content:center;align-items:center;height:90vh}.login .init-btn{width:200px;height:110px;display:flex;justify-content:center;align-items:center;margin:auto;background-color:#3f915a;color:#fff;font-size:16px;font-weight:700;text-transform:uppercase;border:none;border-radius:30px;box-shadow:0 4px 6px #0000001a;cursor:pointer;outline:none;transition:all .3s ease}.login .init-btn:hover{background-color:#125c00;transform:translateY(-4px)}.login p{font-size:22px;font-weight:800;margin-bottom:0;margin-top:0}.login input{width:300px;height:35px;padding-left:7px;border:1px solid;border-radius:5px;font-size:16px;outline:none}.login input:focus{border-color:#3f915a;box-shadow:0 0 5px #3f915a}.login button{width:300px;height:35px;font-size:16px;border:0px;color:#fff;background-color:#3f915a}.login button:hover{cursor:pointer;transform:scale(1.05)}.login .links{text-decoration:none}.login .register{background-color:#fff;color:#3f915a;border:solid 1px rgb(63,145,90)}.login .login-card{height:400px;width:370px;background-color:#e5f5ef;display:flex;justify-content:center;flex-direction:column;gap:23px;align-items:center;border:.5px solid;border-radius:15px}.register{display:flex;justify-content:center;align-items:center;height:90vh}.register p{font-size:22px;font-weight:800;margin-bottom:0;margin-top:0}.register input{width:300px;height:35px;padding-left:7px;border:1px solid;border-radius:5px;font-size:16px;outline:none}.register input:focus{border-color:#3f915a;box-shadow:0 0 5px #3f915a}.register button{width:300px;height:35px;font-size:16px;border:0px;color:#fff;background-color:#3f915a}.register button:hover{cursor:pointer;transform:scale(1.05)}.register .links{text-decoration:none}.register .login{background-color:#fff;color:#3f915a;border:solid 1px rgb(63,145,90)}.register .register-card{height:400px;width:370px;background-color:#e5f5ef;display:flex;justify-content:center;flex-direction:column;gap:23px;align-items:center;border:.5px solid;border-radius:15px}.home{justify-items:center}.home .active-home{display:flex;flex-direction:column;justify-content:center;align-items:center;width:1000px;padding:15px}.home .active-home .link-btn{background-color:#15782e;font-size:16px;padding:5px 15px;font:bold;border:transparent;margin-top:10px}.home .active-home .link-btn:hover{cursor:pointer;background-color:#15ca43}.home .active-home .link-btn a{text-decoration:none;color:#eee}.home .active-home .eachContentCategory{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.home .active-home .eachContentCategory .content-section{width:100%;padding:10px;display:grid;grid-template-columns:repeat(auto-fit,minmax(465px,1fr));gap:20px}.home .active-home .eachContentCategory .content-section .content-card{display:flex;flex-direction:column;align-items:center;padding:10px;border-radius:10px;box-shadow:0 4px 8px #0000001a;border:1px solid #ccc;width:465px;justify-content:center;background-color:#e5f5ef}.home .active-home .eachContentCategory .content-section .content-card h3{height:75px;display:flex;align-items:center;justify-content:center;text-align:center}.home .active-home .eachContentCategory .content-section .content-card img{width:100%;height:250px;margin-bottom:5px}.navbar{height:50px;display:flex;flex-direction:row;justify-content:space-between;background-color:#3f915a;align-items:center}.navbar .link{text-decoration:none;color:inherit}.navbar .link.title{font-size:20px;color:#fff;margin-left:5px}.navbar .link.title:hover{color:#15782e}.navbar .navlinks{height:100%;display:flex;align-items:center;justify-content:center;gap:25px}.navbar .navlinks .link{font-size:19px;color:#eee;display:flex;justify-content:center;align-items:center;height:100%;padding:0 5px}.navbar .navlinks .link:hover{background-color:#15782e}.navbar button{background-color:#eee;color:#15782e;font-size:16px;padding:8px 20px;font:bold;border:1px solid;margin-right:10px}.navbar button:hover{cursor:pointer;background-color:#a3eab5}.reset-password{display:flex;justify-content:center;align-items:center;height:80vh}.reset-password p{font-size:22px;font-weight:800;margin-bottom:0;margin-top:0}.reset-password input{width:300px;height:35px;padding-left:7px;border:1px solid;border-radius:5px;font-size:16px;outline:none}.reset-password input:focus{border-color:#198307;box-shadow:0 0 5px #01591e}.reset-password button{width:300px;height:35px;font-size:16px;border:0px;color:#fff;background-color:#3f915a}.reset-password button:hover{cursor:pointer;transform:scale(1.05)}.reset-password .links{text-decoration:none}.reset-password .card{height:400px;width:370px;background-color:#def5e3;display:flex;justify-content:center;flex-direction:column;gap:23px;align-items:center;border:.5px solid;border-radius:15px}