@import"https://fonts.googleapis.com/css2?family=Poppins:wght@100;300;500;700&display=swap";.login{display:flex;height:100vh;width:100vw;justify-content:space-evenly;align-items:center}.login__content{display:flex;flex-direction:column}.login__content i{height:1em;font-size:7em}.login__content h1{font-weight:300;font-size:1.5em;height:23px}.login__content h2{font-weight:700;font-size:2.3em;text-transform:uppercase}.login__info,.login__action{width:50vw;height:100vh;display:flex;align-content:center;justify-content:center;flex-direction:column;text-align:center;color:#dff6ff}.login__info{background-color:#06283d}@media (max-width: 715px){.login__info{display:none}}.login__action{background-color:#47b5ff;border-left:2px solid rgba(0,0,0,.6509803922)}@media (max-width: 715px){.login__action{width:100vw}}.login__logo{display:flex;justify-content:center;align-items:center;font-size:2.5em;height:80px}.login__logo h1{color:#06283d}@media (max-width: 687px){.login__logo h1{font-size:1.2em}}@media (max-width: 351px){.login__logo h1{font-size:1.1em}}.login__logo h2{font-weight:700;font-size:2em;margin-left:10px;color:gold;-webkit-text-stroke:2px #06283D}@media (max-width: 449px){.login__logo h2{font-size:1.5em}}@media (max-width: 351px){.login__logo h2{font-size:1.4em}}.login__form{display:flex;flex-direction:column;justify-content:center;align-items:center}.login__form input,.login__form button{width:25vw;height:5vh;margin:0 0 10px;background-color:none;border:none;outline:none;border-radius:5px;border:1px solid #06283D}@media (max-width: 689px){.login__form input,.login__form button{width:50vw}}@media (max-width: 351px){.login__form input,.login__form button{width:70vw}}input{padding-left:30px}button{font-weight:600;cursor:pointer;transition:all .8s ease}button:hover{opacity:.9;background-color:gold}button:disabled{background-color:#ffffff6b;color:gray;font-weight:300}.app__header{width:100vw;height:10vh;background-color:#06283d;color:#dff6ff;display:flex;justify-content:space-around;align-items:center;position:fixed;top:0}@media (max-width: 810px){.app__header{height:12vh}}.app__logo{display:flex;align-items:center;gap:10px;font-size:1.5em;margin-right:5em}@media (max-width: 810px){.app__logo{font-size:1.7rem;margin-right:30px}}@media (max-width: 524px){.app__logo{margin-right:10px;margin-left:20px}}@media (max-width: 524px){.app__logo{font-size:1.3em}}@media (max-width: 334px){.app__logo{font-size:1em}}.app__logo h2{font-size:2.3em;color:gold}.app__header-form{display:flex;gap:10px}@media (max-width: 810px){.app__header-form{flex-direction:column}}.app__header-form input,.app__header-form button{height:2.3em;outline:none;border:none;border-radius:5px}.app__header-form input{width:25em}@media (max-width: 810px){.app__header-form input{height:50%;width:90%}}@media (max-width: 388px){.app__header-form input{width:90%}.app__header-form input::placeholder{font-size:75%}}@media (max-width: 310px){.app__header-form input{width:90%;height:1.4em}.app__header-form input::placeholder{font-size:65%;text-align:center}}.app__header-form button{width:10em;cursor:pointer;color:#256d85}@media (max-width: 810px){.app__header-form button{height:50%;width:90%}}@media (max-width: 388px){.app__header-form button{font-size:75%}}@media (max-width: 310px){.app__header-form button{font-size:65%;font-weight:600;height:1.7em}}.app__main{display:flex;height:85vh;justify-content:space-evenly;align-items:flex-start;padding:50px 0;color:#06283d;margin-top:50px;overflow-x:auto}@media (max-width: 693px){.app__main{flex-direction:column;justify-content:center;align-items:center}}.app__word{width:30em}@media (max-width: 693px){.app__word{margin-top:85%}}@media (max-width: 591px){.app__word{margin-top:38em}}@media (max-width: 509px){.app__word{margin-top:43em}}@media (max-width: 465px){.app__word{margin-top:47em}}@media (max-width: 425px){.app__word{margin-top:28em}}@media (max-width: 338px){.app__word{margin-top:20em}}.app__word,.app__info{display:flex;flex-direction:column;gap:80px;width:33vw}@media (max-width: 693px){.app__word,.app__info{gap:40px;width:50%;max-width:600px}}@media (max-width: 415px){.app__word,.app__info{width:75%}}@media (max-width: 375px){.app__word,.app__info{width:95%}}@media (max-width: 338px){.app__word,.app__info{gap:20px;align-items:center}}.app__word h3,.app__info h3{font-size:2em;text-transform:capitalize}@media (max-width: 338px){.app__word h3,.app__info h3{font-size:1.5em}}.app__word h4,.app__info h4{font-size:1.2em;margin-bottom:20px}@media (max-width: 338px){.app__word h4,.app__info h4{font-size:1em}}.app__word p,.app__info p{text-transform:capitalize}.app__word ul,.app__info ul{padding-left:50px}.app__word li,.app__info li{list-style:circle}@media (max-width: 338px){.app__word li,.app__info li{font-size:.7em}}.app__origin,.app__phrase{width:80%}.app__list{margin-bottom:10px;width:20em;text-align:left}@media (max-width: 944px){.app__list{width:90%}}@media (max-width: 693px){.app__list{width:90%;text-align:center}}@media (max-width: 415px){.app__list{width:15em}}.app__phrase{text-align:right;display:flex;flex-direction:column;gap:20px;width:28vw}@media (max-width: 693px){.app__phrase{width:90%;text-align:center;margin-top:20px}}@media (max-width: 415px){.app__phrase{width:20em}}@media (max-width: 338px){.app__phrase{width:13em}}.app__phrase h5{font-weight:300}@media (max-width: 338px){.app__phrase h5{font-size:.7em}}.app__phrase h6{font-weight:400}.app__loading{display:flex;justify-content:center;align-items:center;font-size:2em;height:75vh;width:100vw}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:gold}::-webkit-scrollbar-thumb{background:#06283D;border-radius:5px;transition:all .5s ease}::-webkit-scrollbar-thumb:hover{opacity:.9}.notfound{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;width:100vw;color:#06283d;background-color:#e7f6f2}.notfound section{display:flex;flex-direction:column;justify-content:center}.notfound section h1{font-size:5em;height:1.2em;font-weight:700}@media (max-width: 1138px){.notfound section h1{font-size:4em}}@media (max-width: 311px){.notfound section h1{font-size:3.8em}}.notfound section h2{width:15em;text-align:center;font-size:1.3em;font-weight:500}@media (max-width: 1138px){.notfound section h2{font-size:1em}}.notfound section i{font-size:5em;margin:10px;display:flex;justify-content:center}.notfound section p{text-align:center}.back{height:6vh;width:20vw;border:none;background-color:gold;border-radius:5px;color:#06283d;cursor:pointer;margin-top:10px;transition:all .5s ease}@media (max-width: 1138px){.back{width:25vw}}@media (max-width: 936px){.back{width:30vw}}@media (max-width: 936px){.back{width:35vw}}@media (max-width: 585px){.back{width:40vw}}@media (max-width: 473px){.back{width:45vw}}@media (max-width: 407px){.back{width:50vw}}@media (max-width: 311px){.back{width:80vw}}.back:hover{opacity:.8}.footer{position:fixed;bottom:0;width:100vw;height:7vh;background-color:#06283dec;display:flex;justify-content:space-around;color:#dff6ff}.footer__logo{display:flex;align-items:center;font-size:1.3em;gap:5px}@media (max-width: 425px){.footer__logo{font-size:1em}}.footer__logo h2{-webkit-text-stroke:1px black;color:gold;font-size:2.2em}.footer__info{display:flex;align-items:center;gap:20px}@media (max-width: 425px){.footer__info{font-size:.8em}}@media (max-width: 338px){.footer__info{font-size:.6em}}.footer__info h3{font-weight:500}.footer__info i{font-size:1.8em;padding-top:7px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .5s ease}.linkedin:hover,.github:hover{color:gold}a{color:#e7f6f2;text-decoration:none}*{font-family:Poppins,sans-serif;margin:0;padding:0;box-sizing:border-box}