/***************************
File generated by shrinker.ch
DateTime: 2023-04-05, 06:42:42
File list:
* index.css
* login.css
*****************************/
@import url("https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Roboto:wght@100;300;400;500;700;900&display=swap");*{margin:0;padding:0;outline:0;box-sizing:border-box;font-family:"Roboto",sans-serif}@media(min-width:0){.popup-message{width:100%;height:100%;z-index:20;background-color:rgba(28,28,28,0.7);position:fixed}.popup-message .content{width:clamp(280px,50%,500px);display:flex;flex-direction:column;align-items:center;gap:20px;background-color:#fff;position:relative;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:10px;box-shadow:0 2px 2px rgba(0,0,0,0.25);overflow:hidden}.popup-message .content .title{height:40px;width:100%;display:flex;justify-content:center;align-items:center;background:linear-gradient(100.7deg,#0275d8 50%,#5bc0de 80.38%);box-shadow:0 2px 2px rgba(0,0,0,0.25);color:white}.popup-message .content .message{font-weight:500;padding:0 15px;margin-top:10px;text-align:center}.popup-message .content button{width:50%;height:30px;background:linear-gradient(100.7deg,#0275d8 50%,#5bc0de 80.38%);color:#fff;outline:0;border:0;margin-top:10px;margin-bottom:30px;box-shadow:0 2px 2px rgba(0,0,0,0.25);cursor:pointer}body{height:100vh;width:100%;background-repeat:no-repeat;background-attachment:fixed;background-position:center;background-size:cover;background-image:linear-gradient(hsla(0,0%,0%,0.5),hsla(0,0%,0%,0.5)),url("../../images/icp_background.jpg");backdrop-filter:blur(2px)}header{height:108px;width:100%;display:flex;align-items:center;padding:0 5%;padding-top:30px}.school-logo{margin:auto 0}img{max-height:78px;filter:drop-shadow(2px 2px 1px rgba(255,255,255,0.25))}.school-name{color:#fff;margin-left:10px;letter-spacing:.03em}.school-name h2:nth-child(1){font-weight:700;font-size:18px}.school-name h2:nth-child(2){font-size:15px;font-weight:400}section{height:calc(100vh - 108px);width:90%;display:flex;margin:0 auto}section .container-left{height:100%;width:100%;display:flex;align-items:center}.container-left .content{margin-bottom:180px}.container-left h1{font-family:"Roboto";font-weight:900;font-size:48px;line-height:53px;display:flex;align-items:center;letter-spacing:.02em;background:linear-gradient(266.7deg,#0275d8 0,#5bc0de 80.38%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(2px 2px 1px rgba(255,255,255,0.25))}.container-left h3{font-weight:400;font-size:20px;letter-spacing:.05em;color:#fff;margin-top:15px;filter:drop-shadow(2px 2px 1px rgba(255,255,255,0.25))}section .container-right{height:100%;width:100%;display:flex;align-items:center;}section form{height:500px;width:454px;border-radius:33px;background:rgba(252,252,252,0.9);box-shadow:0 4px 4px rgba(255,255,255,0.25);backdrop-filter:blur(2px);margin:0 auto}}@media(max-width:1024px){section{width:100%;flex-direction:column;margin:0}section .container-left{justify-content:center;align-items:center;margin-top:40px;margin-bottom:50px}.container-left .content{text-align:center;margin:0}.container-left h1{justify-content:center}.container-left h3{margin-top:30px}section .container-right{display:block;align-items:none;}section form{height:100Vh;width:100%;border-radius:0;padding-top:30px}section form .login-form{width:100%;max-width:500px;margin:0 auto}section form .signup-form{width:100%;max-width:500px;margin:0 auto}}@media(max-width:480px){body{position:fixed;background-position:left}header{position:fixed;min-width:320px;position:relative;z-index:5;height:90px;padding-top:0;background:linear-gradient(130.55deg,#0275d8 30%,#5bc0de 90%);box-shadow:0 2px 4px rgba(0,0,0,0.25)}img{max-height:65px}.school-name h2:nth-child(1){font-size:14px}.school-name h2:nth-child(2){font-size:12px}section{min-width:320px;height:calc(100vh - 85px);flex-direction:column}section .container-left{display:none}.container-left .content{text-align:center;margin:0}.container-left h3{margin-top:30px}section form{height:100%;width:100%;border-radius:0;background:hsl(0,0%,100%);padding-top:20px}}.signup-form{display:flex;flex-direction:column;padding:0 33px}.signup-form .back-container{position:relative;margin-top:30px}.signup-form .head-container{font-weight:700;text-align:center;border-bottom:2px skyblue solid;padding-bottom:15px;background:linear-gradient(97.55deg,#0275d8 20%,#5bc0de 60%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 2px rgba(0,0,0,0.25);margin-bottom:15px}.signup-form .backBTN{position:absolute;top:5px;left:-5px;font-size:30px;padding:5px;color:#b4b4b4;cursor:pointer}.signup-form .backBTN:active{color:#a3a3a3}.signup-form .head-container h3{font-weight:900;font-size:15px;line-height:18px}.signup-form .head-container h1{font-weight:700;font-size:35px;line-height:38px}.signup-form .next-btn{height:44px;font-family:"Roboto";font-weight:500;font-size:18px;letter-spacing:.05em;color:#fff;margin-top:5px;background:linear-gradient(90.37deg,#0275d8 0,#5bc0de 100%);border-radius:5px;border:0;cursor:pointer}.signup-form .next-btn:active{background:linear-gradient(90.37deg,#0275d8 0,#5bc0de 100%);color:#cacaca}.signup-form .back-to-login{font-weight:600;font-size:16px;margin-top:15px;text-align:center;color:#0073de}.signup-form .back-to-login{color:#0073de;cursor:pointer}.signup-form .back-to-login:active{color:#005db4}.login-form{display:flex;flex-direction:column;padding:0 33px}.login-form h1{font-weight:700;font-size:48px;line-height:56px;text-align:center;border-bottom:2px skyblue solid;padding-bottom:15px;margin-top:34px;background:linear-gradient(97.55deg,#0275d8 20%,#5bc0de 60%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;text-shadow:0 2px 4px rgba(0,0,0,0.25)}.login-form #access{text-align-last:center}.login-form .input-box{height:44px;margin-top:15px;border:2px lightgray solid;border-radius:5px;font-weight:400;font-size:15px;text-align:center;background-color:#fff;color:#1c1c1c;padding:0 10px}.login-form .login-btn{height:44px;font-weight:500;font-size:18px;letter-spacing:.05em;color:#fff;margin-top:20px;background:linear-gradient(90.37deg,#0275d8 0,#5bc0de 100%);border-radius:5px;border:0;cursor:pointer}.login-form .login-btn:active{background:linear-gradient(90.37deg,#0275d8 0,#5bc0de 100%);color:#cacaca}.login-form .new-student{font-weight:500;font-size:16px;letter-spacing:.05em;margin-top:15px;text-align:center;color:black}.login-form span{color:#0275d8;cursor:pointer}.login-form span:active{color:#005db4}.signup-form .input-box{width:100%;height:44px;margin-bottom:15px;border:2px lightgray solid;border-radius:5px;font-weight:400;font-size:15px;background-color:#fff;color:#1c1c1c;padding:0 10px}.signup-form .input-box{width:100%;height:44px;margin-bottom:15px;border:2px lightgray solid;border-radius:5px;font-weight:400;font-size:15px;background-color:#fff;color:#1c1c1c;padding:0 10px}.signup-form .group-input{width:100%;display:flex;gap:15px}.signup-form label{width:100%}.signup-form .input-box{width:100%;height:44px;margin-bottom:15px;border:2px lightgray solid;border-radius:5px;font-weight:400;font-size:15px;background-color:#fff;color:#1c1c1c;padding:0 10px;text-overflow:ellipsis}.signup-form .group-input{width:100%;display:flex;gap:15px}.signup-form .gender{margin-bottom:15px}.group-input .option{background:#fff;height:44px;width:100%;display:flex;justify-content:space-between;align-items:center;border-radius:5px;padding:0 10px;cursor:pointer;border:2px solid lightgrey}.group-input .option .dot{height:20px;width:20px;background:#d9d9d9;border-radius:50%;position:relative}.group-input .option .dot::before{position:absolute;content:"";top:4px;left:4px;width:12px;height:12px;background:#fff;border-radius:50%;opacity:1;transform:scale(1)}input[type="radio"]{display:none}#option-1:checked:checked~.option-1 .dot,#option-2:checked:checked~.option-2 .dot{background:#0275d8}#option-1:checked:checked~.option-1 .dot::before,#option-2:checked:checked~.option-2 .dot::before{opacity:1;transform:scale(1)}.wrapper .option span{font-size:20px;color:#808080}#option-1:checked:checked~.option-1 span,#option-2:checked:checked~.option-2 span{color:#1c1c1c}@media(max-width:480px){.login-form h1{font-size:40px!important;line-height:auto!important;padding-bottom:8px!important}}