@import"https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&display=swap";.login-container{margin:20% auto 0;width:50%;display:grid;grid-template-columns:1fr;border:2px solid black;border-radius:20px;background-color:#eee8aa;gap:10px;padding:50px}.register-container{margin:20% auto 0;width:50%;border:2px solid black;border-radius:20px;background-color:#eee8aa;gap:10px;padding:50px}.register-container h3{margin:40px 0 20px}.button-section,.register-button-section{display:flex;margin-top:30px}section{margin:0 auto;display:grid;grid-template-columns:1fr;gap:10px}input{margin-bottom:15px;margin-top:0;border-radius:10px;width:97%;height:50px;text-align:center;font-size:20px}button{width:fit-content;height:30px;padding:5px;margin-bottom:50px;font-size:16px}.register-container{margin-top:8%;text-align:center}.register-container>img{width:100%}h1{font-family:fantasy;font-size:50px}.navbar-container{display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:20px 30px;background-color:#a179e7}.navbar-container article{display:grid;grid-template-columns:1fr;text-align:end}.p1{padding-bottom:3.5px}.p2{padding-top:3.5px}.p1,.p2,h1{color:#fff0f5}.about-container{max-width:800px;margin:auto;padding:20px;text-align:center}.developer-pro{list-style:none;padding:0;display:flex;flex-wrap:wrap;justify-content:space-around}.developer{width:45%;margin:15px;padding:20px;border:1px solid #ddd;border-radius:8px;box-shadow:0 0 10px #0000001a;transition:transform .3s ease-in-out;background-color:#fff}.developer:hover{transform:scale(1.05)}.about-me{font-size:2.5em;color:#fff0f5;text-align:center}h2{font-size:1.5em;color:#555}.github-link{display:block;margin:15px 0;text-decoration:none;color:#0366d6}.github-link:hover{text-decoration:underline}.fun-fact{font-size:1em;color:#777}.developer h2{font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif}.rating-box{margin-top:20px;width:250px;position:relative;display:flex;justify-content:space-between;font-size:40px;line-height:1}.rating-box span{white-space:nowrap;width:100%}.rating-box span.active{position:absolute;left:0;top:0;overflow:hidden;color:gold;width:0;transition:all .3s ease-out}.rating-box input{position:absolute;width:20%;height:100%;z-index:10;opacity:0;cursor:pointer}.rating-box input:nth-child(1){left:0}.rating-box input:checked:nth-child(1)~span.active{width:20%}.rating-box input:nth-child(2){left:20%}.rating-box input:checked:nth-child(2)~span.active{width:40%}.rating-box input:nth-child(3){left:40%}.rating-box input:checked:nth-child(3)~span.active{width:60%}.rating-box input:nth-child(4){left:60%}.rating-box input:checked:nth-child(4)~span.active{width:80%}.rating-box input:nth-child(5){left:80%}.rating-box input:checked:nth-child(5)~span.active{width:100%}.form-container{margin:15% auto 0;display:block;border:2px solid black;border-radius:20px;width:60%;height:420px;background-color:#a179e7;place-items:center;font-size:20px;padding:30px}.form-container textarea{width:500px;border-radius:10px;resize:none;padding-left:5px;padding-top:5px;font-size:16px;margin:5px}.form-button-section{display:flex;justify-content:center;align-items:center;grid-row:3;grid-column:1/3}.submit-button{height:fit-content;width:fit-content;padding:5px;border-radius:10px;font-size:18px;background-color:#fff;cursor:pointer;margin-right:10px;margin-top:20px}.submit-button:hover{background-color:maroon;color:#fff}section{margin-bottom:50px}label{font-size:20px;font-weight:600}.fof-details h1{color:#000}.fof-details{margin:10% auto 0;text-align:center;place-items:center}.fof-details img{margin:0 auto;width:400px;display:block}.stream-container{position:absolute;top:36%;left:41%;transform:translate(-50%,-50%);width:300px;animation-delay:3s;z-index:1}.platform-container{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;margin:30px;gap:50px}.platform-card{display:grid;grid-template-columns:1 fr;gap:10px;padding:10px;place-items:center;color:#fff;box-shadow:0 0 10px #0000001a;transition:transform .3s ease-in-out}.platform-card:hover{transform:scale(1.05)}.platform-card>img{width:55%}.show-container{margin:30px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:40px;place-items:left;width:85%}.info-section{display:grid;grid-template-columns:1fr;gap:10px;border:2px solid black;padding:10px;border-radius:20px;height:325px;background-color:#eee8aa;min-width:326px}.image-section img{border-radius:20px;width:325px;height:325px}.reviews-container{margin:0 auto;display:block;width:85%}.reviews-container h2{margin-top:20px}.review-card{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border:2px solid black;margin-top:20px;padding:10px;width:100%;border-radius:20px;background-color:#a179e7}.review-card button{margin-right:15px;margin-bottom:0}.center-grid{text-align:center}h2{grid-row:1;grid-column:1/4;color:#a179e7}.search-input{text-align:center;margin-top:20px;font-size:25px;place-items:center;color:#a179e7}.input-box{height:30px;width:250px;border-radius:5px;text-align:center}span{font-weight:600}.btns{display:grid;grid-template-columns:1fr 1fr;gap:10px;place-items:center;margin-top:15px}@media (max-width: 780px){.platform-container{grid-template-columns:1fr 1fr}.platform-container h2{grid-column:1/3;grid-row:1}.show-container{grid-template-columns:1fr;place-items:center}}@media (max-width: 500px){.platform-container{grid-template-columns:1fr}.platform-container h2{grid-column:1/2;grid-row:1}}*{margin:0;padding:0;box-sizing:border-box;font-family:Montserrat Alternates}.background{background-color:#2f0364}button{padding:3px;background:#fff;border-radius:7px}button:hover{background-color:#2f0364;cursor:pointer;color:#fff}a{text-decoration:none;color:#a179e7}a:hover{color:maroon}