body{display:flex;justify-content:center;align-items:center;flex-direction:column;flex-wrap:nowrap;background-image:linear-gradient(270deg,#299999 0,#330867);background-image:url(/bg.jpg);background-repeat:no-repeat;background-attachment:fixed;background-size:cover;background-position:50%}body::-webkit-scrollbar{width:.65rem}body::-webkit-scrollbar-track{background:#1e1e24}body::-webkit-scrollbar-thumb{border-radius:2px;background:#635985}.topbar{display:flex;flex-direction:row;justify-content:center;align-items:center;overflow:hidden;border:2px solid #635985;background-color:#18122b;border-radius:10px}.topbar .logo{margin:8px 4px 8px 12px}.topbar a{color:#f2f2f2;text-align:center;padding:5px 10px;text-decoration:none;font-size:18px;font-family:Poppins}.topbar .college-name{font-weight:1000;margin:5px 8px}.topbar .college-name,.topbar .project-name{color:#fff;background-color:#635985;border-radius:5px;letter-spacing:1px}.topbar .project-name{font-family:Righteous;margin:4px;font-weight:500}.mainframe{background-color:#393053;display:flex;flex-direction:column;justify-content:center;align-items:center;border:5px solid #18122b;border-radius:20px;margin:1em;padding-bottom:1em;box-shadow:0 54px 55px rgba(0,0,0,.25),0 -12px 30px rgba(0,0,0,.12),0 4px 6px rgba(0,0,0,.12),0 12px 13px rgba(0,0,0,.17),0 -3px 5px rgba(0,0,0,.09);text-decoration:none}.mainframe .headline{color:#fff;font-family:Fugaz One,cursive;letter-spacing:1px;font-size:1.5em;text-align:center;padding:2px 8px;margin:8px 10px 6px}.mainframe .headline,.mainframe .headline2{font-weight:bolder;text-shadow:#000 1px 0 10px;text-decoration:none;background-color:#18122b;border:2px solid #443c68;border-radius:10px}.mainframe .headline2{font-size:.9em;font-family:Poppins;padding:.5em;margin:-5px 0 5px}.mainframe .menu-choice{text-align:center;font-family:comfortaa;font-size:1em;font-weight:800;padding:.4em 2.5em;margin:.3em 6em;border-radius:.5em;box-shadow:0 5px 15px #18122b;text-decoration:none;width:40%}.mainframe .menu-choice,.mainframe select{color:#fff;background:#635985;cursor:pointer}.mainframe select{font-family:poppins;border:2px solid #393053;font-weight:600;border-radius:10px;box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);padding:.6em}.mainframe input{font-family:Poppins;font-size:14px;padding:10px;box-shadow:0 2px 4px 0 rgba(14,30,37,.12),0 2px 16px 0 rgba(14,30,37,.32)}.mainframe button,.mainframe input{border:2px solid #635985;color:#fff;background-color:#18122b;margin-top:8px;border-radius:10px}.mainframe button{font-family:comfortaa;font-size:15px;font-weight:600;padding:8px;margin-bottom:10px;cursor:pointer;box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}.mainframe button:hover{border:2px solid #18122b;background-color:#635985;box-shadow:inset 0 30px 60px -12px rgba(50,50,93,.25),inset 0 18px 36px -18px rgba(0,0,0,.3)}.mainframe .output{color:#fff;font-family:comfortaa;font-size:1em;font-weight:bolder;text-align:center;margin:2px}.mainframe .output.value{text-shadow:1px 1px 2px #e4c6c6,0 0 1em #e4c6c6,0 0 .2em #635985}.mainframe .output.value_error{color:#fff;text-shadow:1px 1px 2px red,0 0 1em red,0 0 .2em #635985}.mainframe .output.value:empty,.mainframe .output.value_error:empty,.mainframe .output:empty{display:none}.mainframe .full-problem-container-single{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.mainframe .full-problem-container-multiple{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;margin:4px 12px;flex-flow:wrap}.mainframe .full-problem-box{display:flex;flex-direction:column;background:#635985;padding:10px;border-radius:10px}.mainframe .full-problem-input{width:8.5em}.mainframe .full-problem-box span{color:#fff;font-family:Poppins;margin:0 8px}.mainframe .full-problem-box .full-problem-box-inner{display:flex;flex-direction:row}.mainframe .full-problem-box .full-problem-box-inner .label{padding:.5em;margin-top:20px;background-color:#fff;color:#000;border-radius:5px}.mainframe .full-problem-box select{background-color:#443c68;border:2px solid #18122b;margin:10px 0 2px 5px}footer{line-height:20px;font-family:Poppins;font-weight:400;font-size:.8em;text-align:center;color:#fff}footer span{font-size:15px;margin:5px 10px}footer .link-glow{color:wheat;text-shadow:1px 1px 2px #e4c6c6,0 0 1em wheat,0 0 .2em #635985}@media only screen and (max-width:600px){.mainframe{width:90%}.mainframe .full-problem-box,.mainframe .full-problem-input,.mainframe input{width:80%}}@media only screen and (max-width:300px){.container{width:100%}}