@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;500;600;700;800;900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:gold;color:#333}.app-container{text-align:center}.main{margin-left:5%;margin-right:5%}.header{align-items:center;background-color:gold;display:flex;justify-content:space-between;padding:20px}.nav-icon{height:50px;width:50px}.navbar-main{display:flex;gap:40px}.nav-link-main,.navbar-main{font-family:Raleway,sans-serif}.nav-link-main{color:#000;font-size:20px;font-weight:700;padding:10px;text-decoration:none;top:50%}.nav-link-main:hover{color:#444}.sign-up-main{background-color:#000;border:none;border-radius:25px;color:#fff;cursor:pointer;font-family:Raleway,sans-serif;font-size:20px;padding:10px 20px}.sign-up-main:hover{background-color:#333}.dec1{left:65px;position:absolute;top:50px;width:20px}.circle7-icon{left:75px;top:25px}.circle7-icon,.dec2{position:absolute;width:25px}.dec2{height:25px;left:450px;top:140px}.title{color:#000;font-family:Raleway,sans-serif;font-size:220px;font-weight:700;margin-bottom:0;margin-top:-15px}.title,.title-highlight{position:relative}.title-highlight:before{background-color:#fff;border-radius:50%;content:"";height:160px;left:50%;position:absolute;top:57%;transform:translate(-50%,-50%);width:160px;z-index:-1}.subtitle{font-family:Raleway,sans-serif;gap:0}.subtitle-1,.subtitle-2{color:#000;font-size:57px;font-weight:700;margin:0;text-align:center}.cta-buttons{margin-top:200px}.sign-up-button{background-color:#000;color:#fff}.sign-up-button,.test-button{border:none;border-radius:35px;cursor:pointer;font-family:Raleway,sans-serif;font-size:20px;font-weight:700;margin:0 10px;padding:15px 30px}.test-button{background-color:#f4e6cb;color:#000}.sign-up-button:hover{background-color:#333;transform:scale(1.1)}.test-button:hover{background-color:#a49b8a;transform:scale(1.1)}.container{align-items:flex-start;display:flex;gap:20px;justify-content:space-between;padding:0}.dec3{margin-right:1000px}.how-it-works-container{background-color:gold;border-radius:15px;flex:1 1;max-width:25%;padding:20px}.leaf-icon{margin-bottom:-10px;margin-left:70px}.how-it-works-content{background-color:#000;border-radius:10px;color:#fff;position:relative}.content,.how-it-works-content{font-family:Raleway,sans-serif;padding:20px}.content{align-items:flex-end;background-color:gold;border-radius:15px;display:flex;flex:1 1;flex-direction:column;gap:0;max-width:25%}.man-icon{height:auto;margin-bottom:0;width:150px}.popular-reviews{background-color:#000;border-radius:17px 0 0 0;color:#fff;height:60px;margin-top:0;padding:20px;text-align:center;width:150px}.reviews-list{background-color:#eae4df;border:3px solid #000;border-radius:25px 0 0 21px;box-sizing:border-box;color:#000;font-family:Raleway,sans-serif;font-size:15px;margin-top:0;max-width:300px;padding:10px;text-align:left;width:100%}.review-item{margin-bottom:10px}.sec-title,.third-title{font-family:Raleway,sans-serif;font-size:30px;font-weight:700;margin:0 0 10px}.description{font-family:Raleway,sans-serif;font-size:15px;line-height:1.5}.striped-background{background:repeating-linear-gradient(90deg,#000,#000 5px,#fff 0,#fff 10px,#ff0 0,#ff0 15px);bottom:-160px;height:180px;left:0;position:absolute;width:100%;z-index:0}.decorations{position:absolute;right:10px;text-align:center;top:0;width:40%}.earth-icon{left:217.63px;position:absolute;right:50px;top:298px;transform:rotate(30deg);width:70px}.circle1-icon{left:1220px;position:absolute;top:580px;transform:rotate(90deg);width:35px}.circle2-icon{left:1080px;top:640px}.circle2-icon,.circle3-icon{height:21.92px;position:absolute;width:25px}.circle3-icon{left:1210px;top:630px;transform:rotate(180deg)}.circle4-icon{left:1090px;top:670px}.circle4-icon,.circle5-icon{height:8.77px;position:absolute;transform:rotate(46.28deg);width:10px}.circle5-icon{left:1110px;top:630px}.circle6-icon{height:8.77px;left:1225.34px;position:absolute;top:660px;transform:rotate(46.28deg);width:10px}.language-icon{height:70px;left:1093px;position:absolute;top:118px;transform:matrix(-1,0,0,1,0,0);width:70px}.practice-container{background-color:#dfd7cf;height:400px;margin-top:150px;padding:20px 5%}.practice-title{color:#000;font-family:Raleway,sans-serif;font-size:36px;font-weight:700;margin-bottom:60px;margin-top:40px}.practice-options{display:flex;gap:15%;justify-content:center}.practice-option{background-color:#fff;border-radius:15px;box-shadow:0 4px 6px #0000001a;font-family:Raleway,sans-serif;padding:20px;text-align:center;width:200px}.practice-option a{color:#fcfefe;text-decoration:none}.avatars{display:flex;gap:10px;justify-content:center;margin-bottom:20px}.avatar{border:2px solid #ccc;border-radius:50%;height:50px;width:50px}.join-button{background-color:#000;border:none;border-radius:25px;color:#fff;cursor:pointer;font-family:Raleway,sans-serif;font-size:16px;font-weight:700;padding:10px 20px;transition:background-color .3s ease}.join-button.highlight{background-color:gold;color:#000}.join-button:hover{background-color:#444;transform:scale(1.1)}.join-button.highlight:hover{background-color:#f1c40f;transform:scale(1.1)}.footer{background-color:#000;color:#a49b8a;font-family:Raleway,sans-serif;font-size:18px;padding:10px}.test-page{background-color:#e6e6fa;display:flex;flex-direction:column;min-height:100vh}.test-header{align-items:center;background-color:#000;display:flex;font-family:Raleway,sans-serif;justify-content:space-between;padding:20px}.logo{color:gold;font-size:24px}.navbar-test{display:flex;gap:40px}.nav-link-test{color:#ff0;font-family:Raleway,sans-serif;font-size:20px;font-weight:700;padding:10px;text-decoration:none;top:50%}.nav-link-test:hover{color:#fad02c}.sign-up-test{background-color:#ff0;border:none;border-radius:25px;color:#000;cursor:pointer;font-family:Raleway,sans-serif;font-size:20px;font-weight:700;padding:10px 20px;text-decoration:none}.sign-up-test:hover{background-color:#f1c40f}.test-main{background-color:#e6e6fa;color:#333;flex-grow:1;margin-left:5%;margin-right:5%;padding:40px 20px;text-align:center}.main-title{font-family:Raleway,sans-serif;font-size:70px;font-weight:700;margin-bottom:20px}.main-description{font-family:Raleway,sans-serif;font-size:30px;font-weight:600;text-align:left;width:80%}.instructions,.main-description{margin-bottom:80px;margin-left:150px}.instructions-title{font-family:Raleway,sans-serif;font-size:30px;font-weight:700;margin-bottom:20px;text-align:left}.instructions-list{font-family:Raleway,sans-serif;list-style:none;margin:0;padding:0}.instruction-item{align-items:center;display:flex;font-size:25px;font-weight:600;margin-bottom:30px}.number-circle{align-items:center;background-color:#000;border:5px solid #fcfc16;border-radius:50%;box-sizing:border-box;color:#fff;display:inline-flex;font-weight:700;height:50px;justify-content:center;margin-right:10px;width:50px}.start-test-button{background:#161819;border:none;border-radius:30px;color:#ff0;cursor:pointer;font-family:Raleway,sans-serif;font-size:30px;font-weight:600;height:60px;padding:12px 24px;width:300px}.start-test-button:hover{background-color:#444;transform:scale(1.1)}.test-footer{background-color:#000;color:#fff;font-family:Raleway,sans-serif;font-size:25px;height:100px;padding:20px;text-align:center}.signup{color:#000;text-decoration:none}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.quiz-container{color:#000;font-family:Raleway,sans-serif;margin:0;text-align:center}.quiz-header{align-items:center;background-color:#000;display:flex;justify-content:space-between;padding:20px}.quiz-header h1{margin:0}.logo-link,.quiz-header h1{color:#fad02c;font-family:Raleway,sans-serif}.logo-link,.logo-link:hover{text-decoration:none}.logo-link:hover{color:#fcfc16}.navbar-quiz{display:flex;gap:40px}.nav-link-quiz,.navbar-quiz{font-family:Raleway,sans-serif}.nav-link-quiz{color:#fad02c;font-size:20px;font-weight:700;padding:10px;text-decoration:none;top:50%}.nav-link-quiz:hover{color:#ff0}.sign-up-quiz{background-color:#fad02c;border:none;border-radius:25px;color:#000;cursor:pointer;font-family:Raleway,sans-serif;font-size:20px;font-weight:700;padding:10px 20px}.sign-up-quiz a{color:#000}.sign-up-quiz:hover{background-color:#fcfc16}.quiz-content{background-color:#fcd303;color:#000}.question-container{font-family:Raleway,sans-serif;font-size:30px;font-weight:700;line-height:1.5;margin:50px auto;padding:0 5%;position:relative;text-align:center}.question-image{display:block;margin:20px auto;max-height:150px;max-width:150px;position:static}.quiz-content h2{font-family:Raleway,sans-serif;font-size:25px;font-weight:600;margin-bottom:10px;margin-left:50px;text-align:left}.quiz-navigation{display:flex;justify-content:space-between;margin-left:50px;margin-right:50px;margin-top:80px}.previous-button{background:#161819;border-radius:30px;box-shadow:0 4px 4px #00000040;color:#fad02c;cursor:pointer;font-family:Raleway,sans-serif;font-size:25px;font-style:normal;font-weight:800;height:56px;left:91px;top:544px;width:200px}.previous-button:hover{background-color:#444}.next-button{background:#f3bd29;border-radius:30px;box-shadow:0 4px 4px #00000040;color:#161819;cursor:pointer;font-family:Raleway,sans-serif;font-size:25px;font-style:normal;font-weight:800;height:56px;left:1073px;text-align:center;top:544px;width:200px}.next-button:hover{background-color:#fcfc16}.answer-container{background:#dcd6d1;height:300px;padding-top:40px}.quiz-options{grid-gap:20px;color:#fcfefe;display:grid;gap:20px;grid-template-columns:1fr 1fr;justify-items:center}.option{background:#000;border-radius:30px;box-shadow:0 4px 4px #00000040;color:#fcfefe;cursor:pointer;display:inline-block;font-family:Raleway,sans-serif;font-size:20px;font-weight:800;margin-top:20px;padding:10px 20px;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:auto}.option:hover{background-color:#444;transform:scale(1.05)}.selected-option{background-color:#4caf50;border:2px solid #3e8e41;color:#fff;transform:scale(1.1)}body{font-family:Arial,sans-serif}.language-selection-container{color:#000;font-family:Raleway,sans-serif;margin:0;text-align:center}.header-language{align-items:center;background-color:#000;display:flex;justify-content:space-between;padding:20px}.header-language h1{color:#fad02c;margin:0}.navbar-language{display:flex;font-family:Raleway,sans-serif;gap:40px}.navbar-language a{color:#fad02c;font-family:Raleway,sans-serif;font-size:20px;font-weight:700;padding:10px;text-decoration:none;top:50%}.navbar-language a:hover{color:#ff0}.sign-up-language{background-color:#fad02c;border:none;border-radius:25px;color:#000;cursor:pointer;font-family:Raleway,sans-serif;font-size:20px;font-weight:700;padding:10px 20px}.sign-up-language:hover{background-color:#ff0}.sign-up-language a,.sign-up-language a:hover{color:#000}.main-language{background-color:#fcd303;color:#000}.language-content{font-size:30px;font-weight:700;line-height:70px;margin:50px 5% 80px;text-align:center}h2{margin-bottom:20px}.language-selection{background:#dcd6d1;height:172px;padding-top:40px}.language-options{color:#fcfefe;display:flex;flex-direction:row;gap:20px;justify-items:center;margin-left:25%}.language-btn{background:#000;border-radius:30px;box-shadow:0 4px 4px #00000040;color:#fcfefe;cursor:pointer;font-family:Raleway,sans-serif;font-size:30px;font-weight:800;height:50px;margin-top:40px;text-align:center;width:200px}.language-btn:hover{transform:scale(1.05)}.language-btn.selected{background-color:#fc0;border-color:#fc0;color:#000}.lang-code{font-weight:700;margin-right:10px}.start-language{background:#f3bd29;border-radius:30px;box-shadow:0 4px 4px #00000040;color:#161819;cursor:pointer;font-size:25px;font-style:normal;font-weight:800;height:56px;margin-top:10px;text-align:center;width:200px}.start-language:hover{background-color:#fcfc16;transform:scale(1.1)}.error-message{color:red;font-weight:700;margin-bottom:20px}.room-selection-page{align-items:center;background-color:#c9c0b3;display:flex;flex-direction:column;padding:20px}.room-header{font-family:Raleway,sans-serif;font-weight:600;margin-bottom:20px;text-align:center}.navbar-room{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;max-width:1200px;padding:0 20px;width:100%}.dot-icon{cursor:pointer;width:60px}.dot-icon:hover{transform:scale(1.1)}.logout-room{background:#fad02c;border-radius:25px;color:#000;cursor:pointer;font-family:Raleway,sans-serif;font-size:20px;font-weight:700;height:48px;margin-left:1000px;width:100px}.logout-room:hover{background-color:#f1c40f;transform:scale(1.1)}.room-header h1{font-size:60px}.room-header h1,.room-header p{color:#000;font-family:Raleway,sans-serif}.room-header p{font-size:30px}.room-content{display:flex;font-family:Raleway,sans-serif;justify-content:space-between;max-width:1200px;width:100%}.filters-section{flex:1 1;max-width:250px;padding:0 10px 10px}.filters-container{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.filters-section h2{color:#000;font-family:Raleway,sans-serif;font-size:50px;font-weight:700;text-align:center}.filter-btn{align-items:center;background-color:#333;border-radius:15px;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-family:Raleway,sans-serif;min-height:110px;padding:10px;position:relative;transition:.3s}.filter-btn:hover{transform:scale(1.05)}.filter-heart{font-size:18px;position:absolute;right:8px;top:8px;z-index:2}.filter-btn.selected{background:#161b1c;border:5px solid #f2ca52;border-radius:15px;box-shadow:0 4px 4px #00000040;box-sizing:border-box}.filter-icon{margin-right:10px;width:50%}.room-display{background:#c9c0b3;border-radius:40px;box-shadow:0 4px 4px #00000040;flex:2 1;margin-top:100px;width:596px}.room-list{list-style:none;padding:0}.room-item{background:#c9c0b3;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:10px;padding:10px}.room-create-section{flex:1 1;max-width:250px;padding:10px}.room-create-section h2{color:#000;font-family:Raleway,sans-serif;font-size:35px;font-weight:700;text-align:left}.room-create-section p{color:#000;font-family:Raleway,sans-serif;font-size:25px}.room-create-form{display:flex;flex-direction:column;gap:10px}.dropdown{background:#efe5d8;font-size:20px;padding:8px}.create-room-btn,.dropdown{border-radius:30px;box-shadow:0 4px 4px #00000040;font-family:Raleway,sans-serif;height:50px;width:208px}.create-room-btn{background:#161b1c;color:#f2ca51;cursor:pointer;font-size:27px;font-style:normal;font-weight:500;line-height:47px}.create-room-btn,a{text-decoration:none}.create-room-btn:hover{transform:scale(1.1)}.login-page{background-color:#c9cbc3}.navbar-login{align-items:center;background-color:#000;display:flex;justify-content:space-between;padding:20px}.navbar-left{display:flex;font-family:Raleway,sans-serif;gap:40px}.globe-icon-login{height:40px;width:40px}.navbar-link-login{display:flex;font-family:Raleway,sans-serif;gap:40px}.nav-link-login{color:#ff0;font-family:Raleway,sans-serif;font-size:20px;font-weight:700;padding:10px;text-decoration:none;top:50%}.nav-link-login:hover{color:#fad02c}.signup-button-login-nav{background-color:#ff0;border:none;border-radius:25px;color:#000;cursor:pointer;font-family:Raleway,sans-serif;font-size:20px;font-weight:700;padding:10px 20px;text-decoration:none}.signup-button-login-nav:hover{background-color:#f1c40f}.login-form-container{align-items:center;display:flex;flex-direction:column;margin-top:50px;padding:20px}.login-title{color:#000;font-family:Raleway,sans-serif;font-size:36px;margin-bottom:20px}.login-form{display:flex;flex-direction:column;gap:15px;max-width:400px;width:100%}.login-button{background:#161819;border-radius:35px;box-shadow:0 4px 4px #00000040;color:#fff;cursor:pointer;font-family:Raleway,sans-serif;font-size:34px;height:50px;margin-left:50px;transition:background-color .3s,transform .2s;width:300px}.login-button a{color:#fff}.login-button:hover{background-color:#444;transform:translateY(-2px)}.signup-redirect{color:#000;font-family:Raleway,sans-serif;font-size:24px;margin:50px 0 10px}.signup-link{color:gold;font-weight:700;text-decoration:none}.signup-main-button{background:#ff0;border:none;border-radius:30px;box-shadow:0 4px 4px #00000040;cursor:pointer;font-family:Raleway,sans-serif;font-size:30px;height:50px;margin-bottom:50px;transition:background-color .3s,transform .2s;width:300px}.signup-main-button a{color:#000;text-decoration:none}.signup-main-button:hover{background-color:#fc0;transform:translateY(-2px)}.login-page{overflow:hidden;position:relative}.login-page:after,.login-page:before{content:"";height:100%;opacity:.1;pointer-events:none;position:absolute;width:100%}.login-page:after{transform:rotate(180deg)}.login-footer{background-color:#000;color:#fff;font-size:25px;height:100px;padding:20px;text-align:center}.login-footer,body{font-family:Raleway,sans-serif}body,html{margin:0}html{padding:0}.navbar-signup,.signup-page,html{background-color:#161819}.navbar-signup{align-items:center;display:flex;justify-content:space-between;padding:20px}.navbar-left-signup{display:flex;font-family:Raleway,sans-serif;gap:40px}.globe-icon{height:40px;width:40px}.navbar-links-signup{display:flex;font-family:Raleway,sans-serif;gap:40px}.nav-link-signup{color:#ff0;font-family:Raleway,sans-serif;font-size:20px;font-weight:700;padding:10px;text-decoration:none;top:50%}.nav-link-signup:hover{color:#fad02c}.signup-button-navbar{background-color:#ff0;border:none;border-radius:25px;color:#000;cursor:pointer;font-family:Raleway,sans-serif;font-size:20px;font-weight:700;padding:10px 20px;text-decoration:none}.signup-button-navbar:hover{background-color:#f1c40f}.signup-form-container{align-items:center;background-color:#161819;display:flex;flex-direction:column;margin-top:50px;padding:20px;text-align:center}.signup-title{color:#fff;font-family:Raleway,sans-serif;font-size:36px;margin-bottom:10px}.signup-description{color:#d3d3d3;font-family:Raleway,sans-serif;font-size:24px;margin-bottom:30px;width:430px}.highlight{color:#ff0}.signup-form{display:flex;flex-direction:column;gap:15px;max-width:400px;width:100%}.input-field{background:#e9e8e1;border:1px solid #000;border-radius:25px;box-sizing:border-box;font-family:Raleway,sans-serif;font-size:24px;height:50px;padding:20px;width:400px}.input-field:focus{border-color:gold}.signup-button-main{background:#ff0;border:none;border-radius:30px;box-shadow:0 4px 4px #00000040;cursor:pointer;font-family:Raleway,sans-serif;font-size:30px;height:50px;margin-bottom:50px;margin-left:50px;transition:background-color .3s,transform .2s;width:300px}.signup-button-main:hover{background-color:#fc0;transform:translateY(-2px)}.signup-footer{background-color:#161819;color:#fff;font-family:Raleway,sans-serif;font-size:25px;height:100px;padding:20px;text-align:center}.footer-link{color:#ff0;text-decoration:none}.footer-link:hover{color:#f1c40f}.room-container{color:#fff;min-height:100vh;text-align:center}.room-container,.rooms-header{background-color:#1e1e1e;font-family:Raleway,sans-serif;padding:20px}.rooms-header{align-items:center;border-radius:10px;display:flex;justify-content:space-between}.room-title{color:#fff;font-family:Raleway,sans-serif;font-size:40px;font-style:normal;font-weight:700;margin:0;text-align:center}.exit-button,.info-button{align-items:center;background:#c8ba9e;border:none;border-radius:35px;color:#c8ba9e;cursor:pointer;font-family:Raleway,sans-serif;font-size:16px;height:50px;margin-bottom:5px;width:50px}.room-controls{display:flex;gap:20px;justify-content:center;margin:20px 0}.category-button,.level-button{background:#dfd6cb;border:none;border-radius:40px;cursor:pointer;font-family:Raleway,sans-serif;font-size:24px;font-weight:700;padding:10px 20px;width:300px}.turn-indicator{align-items:center;border-radius:40px;color:#000;display:flex;font-size:25px;font-weight:700;gap:10px;height:40px;padding:15px;width:280px}.profile-circle,.turn-indicator{background:#9e998d;box-shadow:0 4px 4px #00000040}.profile-circle{border-radius:60px;font-family:Raleway,sans-serif;height:100px;margin-bottom:40px;width:100px}.profile-circle img{border-radius:50%;height:90px;padding-top:5px;width:90px}.microphone-container{align-items:center;display:flex;justify-content:space-between;margin:20px auto;width:80%}.microphone-button{background:#86ef55;margin-left:470px}.microphone-button,.subtitles-button{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;height:60px;justify-content:center;padding:10px;width:60px}.subtitles-button{background:#dfd6cb}.user-list{grid-gap:20px;background:#dcd6d1;border-radius:25px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(100px,2fr));height:300px;padding:50px}.user-avatar{text-align:center}.user-avatar img{border-radius:50%;height:80px;width:80px}.about-box{background-color:#f0f0f0;border-radius:12px;box-shadow:0 0 8px #0000001a;color:#060606;font-size:16px;line-height:1.6;margin:12px;padding:16px}.countdown-animation{animation:popIn .3s ease;background-color:#000000bf;border-radius:20px;color:#fff;font-size:80px;left:50%;padding:30px 60px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:999}.ready{background-color:#0f03;color:green;font-weight:700}.session-ended-banner{animation:fadeInScale 1s ease-in-out;background-color:#4ade80;border-radius:12px;box-shadow:0 10px 20px #0003;color:#fff;font-size:2rem;left:50%;padding:20px 40px;position:fixed;top:30%;transform:translateX(-50%);z-index:999}@keyframes fadeInScale{0%{opacity:0;transform:scale(.7) translateX(-50%)}to{opacity:1;transform:scale(1) translateX(-50%)}}@keyframes popIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.modal{align-items:center;background:#0006;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.modal-content{background:#000;border-radius:40px;box-shadow:0 4px 12px #0000004d;max-height:80vh;overflow-y:auto;padding:30px;width:500px}.user-rating{align-content:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;margin-bottom:25px;margin-top:30px}.avatar-rating{height:60px;width:60px}.stars{display:flex;gap:5px;justify-content:flex-start}.stars span{color:gray;cursor:pointer;font-size:24px;transition:color .2s ease}.stars span.selected,.stars span:hover{color:gold}textarea{height:60px;margin-top:5px;resize:vertical;width:100%}.submit-rating{background:#ff0;border-radius:60px;font-size:14px;height:60px;width:167px}.profile-button{background:#ff0;border:none;border-radius:20px;font-size:20px;font-weight:700;padding:10px}.profile-button a{color:#000}.profile-button:hover{background-color:#fad02c}.avatar-section{background-color:#a80000;border-radius:30px;height:250px;width:220px}.avatar-section.own-profile{background-color:#04c}.name{text-align:center}.add-friend-button{background-color:gold;border-radius:6px;font-size:14px;gap:8px;padding:8px 12px;transition:background-color .3s ease}.add-friend-button:hover{background-color:#e5c100}.incoming-requests{margin-top:100px}.incoming-requests ul{list-style:none;padding:0}.incoming-requests li{margin-bottom:10px}.incoming-requests button{margin-left:10px}.friends-list ul{list-style-type:none;padding-left:0}.friends-list li{margin-bottom:8px}.friends-list a{color:#007bff;text-decoration:none}.friends-list a:hover{text-decoration:underline}.avatar{margin-left:60px;margin-top:20px}.add-friend-button{font-family:Raleway,sans-serif;margin-left:40px;margin-top:20px}.favorite-topics{margin-top:200px}.achievements{margin-top:100px}.profile-container{background-color:#1e1e1e;color:#fff;font-family:Raleway,sans-serif;min-height:100vh;padding:20px;text-align:center}.profile-header{align-items:center;display:flex;justify-content:space-between;padding:20px}.globe-icon img{width:30px}.navigation{display:flex;gap:40px}.select-rooms{color:#ff0;cursor:pointer;font-size:20px;font-weight:700;margin-top:10px}.select-rooms:hover{color:#fad02c}.edit-button{background:#ff0;border:none;border-radius:20px;font-size:20px;font-weight:700;padding:10px}.edit-button a{color:#000}.edit-button:hover{background-color:#fad02c}.profile-content{align-items:flex-start;display:flex;gap:50px;justify-content:space-between;margin-left:15%;margin-right:5%;margin-top:30px;padding:0 50px}.left-section{flex:1 1;text-align:left}.avatar-section-mine{background-color:#04c;border-radius:30px;height:250px;width:220px}.friend-requests-section,.friends-section{background-color:#000;border-radius:16px;box-shadow:0 2px 8px #0000000d;margin-top:24px;padding:16px 20px;transition:all .3s ease}.friend-requests-section:hover,.friends-section:hover{box-shadow:0 4px 12px #00000014}.friend-requests-section h3,.friends-section h3{color:#333;font-size:18px;font-weight:600;margin-bottom:12px}.avatar{border:none;display:inline-block;position:relative}.avatar img{border-radius:50%;height:100px;width:100px}.rating{border-radius:50%;color:#1e1e1e;font-size:18px;padding:5px 10px;position:absolute;right:-60px;top:-5px}.add-friend-button,.rating{background:#ff0;font-weight:700}.add-friend-button{align-items:center;border:none;border-radius:20px;cursor:pointer;display:flex;font-size:16px;gap:5px;margin-top:10px;padding:8px 15px}.add-friend-button:hover{transform:translateY(-2px)}.add-friend-button img{height:18px;width:18px}.favorite-topics{margin-top:150px}.favorite-topics h3{font-size:30px}.topic{color:#ff0;font-size:22px;font-weight:700}.right-section{flex:1 1;text-align:left}.achievements h3,.languages h3{font-size:30px;margin-bottom:10px}.languages p{font-size:22px}.advanced,.intermediate{color:#ff0;font-weight:700}.achievements{margin-top:80px}.achievement-icons{display:flex;gap:15px}.achievement-icons img{border-radius:50%;height:60px;width:60px}.profile-footer{font-size:18px;margin-top:100px}.join-room{color:#ff0;cursor:pointer;font-weight:700}.join-room:hover{color:#fad02c}.rating-chart-container{background:#2a2a2a;border-radius:20px;box-shadow:0 4px 10px #ff03;color:#fff;margin-top:40px;padding:20px 30px;text-align:left;transition:transform .3s ease,box-shadow .3s ease}.rating-chart-container:hover{box-shadow:0 6px 20px #ff06;transform:translateY(-5px)}.rating-chart-container h3{color:#ff0;font-size:26px;font-weight:700;margin-bottom:15px}.edit-container{background-color:#1e1e1e;height:100%}.back-button{background-color:initial;border:none;color:#007bff;cursor:pointer;font-size:16px;margin-bottom:1rem}.back-button:hover{text-decoration:underline}.settings-container{background-color:#1e1e1e;color:#fff;font-family:Raleway,sans-serif;margin:0 auto;max-width:700px;padding-bottom:80px;padding-left:20px;padding-top:70px;text-align:left}.section-title{font-size:22px;font-weight:700;margin:20px 0 10px}.settings-section{border-top:1px solid gray;margin-bottom:20px}.setting-item{align-items:center;border-bottom:1px solid gray;display:flex;font-size:18px;justify-content:space-between;padding:15px 0}.value{color:gray;flex-grow:1;margin-right:10px;text-align:right}.change{color:#ff0;cursor:pointer;font-weight:700}.edit-fields{display:flex;flex-direction:column;gap:10px;padding:10px 0}.edit-fields label{color:#fff;font-size:16px;font-weight:700;margin-bottom:5px}.edit-fields input,.edit-fields select{background:#333;border-radius:5px}.edit-fields button{background:#ff0;font-family:Raleway,sans-serif}.edit-fields input,.edit-fields select{background:#060606;border:1px solid gray;color:#fff;font-family:Raleway,sans-serif;font-size:16px;padding:8px;transition:border .3s ease}.edit-fields input:focus,.edit-fields select:focus{border:2px solid #ff0;outline:none}.edit-fields input.error,.edit-fields select.error{border:2px solid red}.error-text{color:red;font-size:14px;margin-top:-8px}.edit-fields button{background-color:#ff0;border:none;border-radius:5px;cursor:pointer;font-weight:700;padding:10px;text-transform:uppercase}.button-group{display:flex;gap:10px;margin-top:10px}.cancel-btn{background-color:#060606;border:none;border-radius:5px;color:red;cursor:pointer;font-weight:700;padding:10px;text-transform:uppercase}
/*# sourceMappingURL=main.0edc7be1.css.map*/