body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}.App{background-color:#fefefe;height:100vh;width:100%}nav{display:flex;justify-content:space-between;align-items:center;background-color:#0f172a}nav .title{font-size:1.5rem;margin:1rem;font-weight:700;text-decoration:none;color:#fff}.about-text{font-family:Arial,sans-serif;width:25%;margin:0 auto}.paragraph-container{text-align:center}.paragraph{text-align:justify;margin-bottom:30px;width:100%}#game-canvas-container{background-color:#fff}.timer{display:flex;justify-content:center;flex-direction:row;align-items:center;width:300px;height:40px;color:#fff;background:#4c00b4;border-radius:40px;font-size:70%}.score{display:flex;justify-content:center;align-items:center;width:250px;height:40px;color:#fff;background:#4c00b4;border-radius:40px;font-size:70%}.timer-score-align{display:flex;justify-content:center;flex-direction:row;align-items:center;margin-inline-start:70%;margin-top:5px;gap:10px}.dashboard{display:flex;flex-direction:column;justify-content:space-around;margin:auto;width:100%;height:80vh;font-size:1.5rem}.dashboard__header{display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center}.dashboard__header .dashboard__title{font-size:3rem;font-weight:700}.dashboard__underline{width:61px;height:6px;background:#c89614;border-radius:9px}.dashboard .button-logout{width:100px;height:50px;background-color:#c8000080;border-radius:5px;font-size:1rem}.dashboard .button-delete-account{width:100px;height:50px;background-color:red;border-radius:5px;font-size:1rem}.link{color:#c89614}@media screen and (max-width: 320px){body{font-size:14px}.dashboard__header .dashboard__title{font-size:3rem}.dashboard__profile .dashboard__title{font-size:1rem}}body{font-size:12px}.profile{display:flex;flex-direction:column;align-items:center;margin:auto;width:100%;gap:10px}.profile .title{font-size:1rem;font-weight:700}.profile .profile-fields{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-width:95%;color:#000}.profile .profile-field{display:flex;flex-direction:row;justify-content:center;gap:5px;min-width:95%;height:2rem}.custom-fontawesome-icon{color:#1d4ed8}.profile-field label{display:flex;justify-content:center;align-items:center}.profile-field span,.profile-field input{display:flex;align-items:center;justify-content:center;text-align:center}.profile-field span{background-color:#ff0}.profile-field input{background-color:gray;color:#fff}.profile-field button{display:flex;justify-content:center;align-items:center;background-color:#1d4ed8;color:#fff}.profile-field label{width:10%}.profile-field input,.profile-field span{width:60%}.profile-field button{width:20%}@media screen and (min-width: 480px){body{font-size:14px}.profile .title{font-size:2rem}.profile-field label{width:2%}.profile-field input,.profile-field span{width:30%}.profile-field button{width:5%}}.custom-ul{list-style-type:none}.custom-li{margin:30px auto}.custom-button{display:flex;justify-content:center;align-items:center;width:160px;height:35px;color:#fff;background:#4c00b4;border-radius:50px;font-size:16px;font-weight:700;cursor:pointer}.button-container{text-align:center;width:160px;margin:0 auto}.img-center{margin-top:50px;text-align:center}.score-display{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;background:#4c00b4;border-radius:20px;font-size:16px;font-weight:700;cursor:pointer}.score-align{text-align:center;width:400px;margin:25px auto}.inactive-button{display:flex;justify-content:center;align-items:center;width:160px;height:35px;color:#646262;background:#eae9ec;border-radius:50px;font-size:16px;font-weight:700;cursor:pointer}#tutorial-container{display:flex;flex-direction:row;height:100vh}.sidebar{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#111a21;height:100%;flex:1 1 0;padding:30px;gap:30px;position:sticky}.sidebar .title{display:flex;justify-content:center;color:#fff}.list-organs{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px}.sidebar button{background-color:#00000080;padding:3px;color:#fff;font-size:10px;border:1px solid white;width:120px;height:50px;border-radius:8px}.sidebar .progressbar{color:#fff}#learn-canvas-container{position:relative;width:100%;height:100%;background-color:#111a21;flex:2 1 0}.clear button{background-color:#ff000080}.info-banner{width:90%;height:40%;background-color:#00000080;color:#fff;z-index:999}.info-banner .title{font-size:1rem;color:#c89614}.info-banner .text{font-size:1rem;color:#fff}.container{display:flex;flex-direction:column;margin:50px auto auto;background-color:#fff;padding-bottom:30px}.header{display:flex;flex-direction:column;align-items:center;gap:9px;width:100%;margin-top:10px}.text{color:#3c009d;font-size:38px;font-weight:700}.underline{width:61px;height:6px;background:#3c009d;border-radius:9px}.inputs{margin-top:35px;display:flex;flex-direction:column;gap:15px}.input{display:flex;align-items:center;margin:auto;width:100%;max-width:500px;height:45px;background:#eaeaea;border-radius:6px}label{padding:5px}.input input{height:30px;width:80%;background:transparent;border:none;outline:none;color:#797979;font-size:19px;padding-left:10px}.input{margin-bottom:10px}.link-to-container{display:flex;flex-direction:column;gap:15px;color:#797979;font-size:18px;margin:auto}.submit-container{display:flex;flex-direction:column;align-items:center;gap:10px;margin:40px auto}.submit{display:flex;justify-content:center;align-items:center;width:120px;height:59px;color:#fff;background:#4c00b4;border-radius:50px;font-size:19px;font-weight:700;cursor:pointer}@media (max-width: 480px){.container{margin-left:10px;margin-right:10px}.header .text{font-size:1.5rem}.input input,.link-to-container{font-size:1rem}}*{border:0px red solid}html,body{margin:0;padding:0}.active{background-color:#1d4ed8}nav{display:flex;justify-content:space-between;align-items:center;background-color:#0f172a;position:sticky;top:0}#logo{width:60px;height:auto;margin:0;padding:0;border-radius:30px}.logo-container{margin-left:5px;display:flex;justify-content:center}nav .title{font-size:1.5rem;margin-left:0;margin-top:-8px;margin-bottom:-8px;font-weight:700;text-decoration:none;color:#fff}nav ul{display:flex}nav ul li{list-style:none}nav ul li a{display:block;text-decoration:none;color:#fff;padding:.5rem;margin:0 .5rem;border-radius:.5rem}nav ul li a:not(.active):hover{background-color:#172554}nav .menu{display:none;position:absolute;top:.75rem;right:.5rem;flex-direction:column;justify-content:space-between;width:2.25rem;height:2rem}nav .menu span{height:.4rem;width:100%;background-color:#fff;border-radius:.2rem}@media (max-width: 480px){nav .menu{display:flex}#logo{width:40px;height:auto;border-radius:30px}nav .title{font-size:1.5rem;margin:1px;font-weight:700;text-decoration:none;color:#fff}nav{flex-direction:column;align-items:start}nav ul{display:none;flex-direction:column;width:80%;margin-bottom:.25rem}nav ul.open{display:flex}nav ul li{width:100%;text-align:right}nav ul li a{margin:.2rem .5rem}}.title{text-align:center}