@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap");*{font-family:'Nunito Sans', sans-serif;text-decoration:none;margin:0;padding:0}body{background-color:#F0F0F0;display:flex;align-items:center;justify-content:center;width:100%;height:100vh}body .content{background-color:#FFFFFF;color:#666666;box-shadow:4px 4px 8px rgba(102,102,102,0.6);display:flex;flex-direction:column;align-items:center;justify-content:space-around}body .content .grettings{width:90%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:12px;color:rgba(102,102,102,0.7)}body .content .grettings img{width:100px;height:auto;margin:0px 0px 10px 0px}body .content .credentials{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:90%}body .content .credentials input[type=text],body .content .credentials input[type=password]{background-color:#F0F0F0;border:none;outline:none;padding:5px 5%;font-size:16px;width:90%;margin:5px 0px}body .content .credentials input[type=checkbox]{margin:20px 5px 20px 0px}body .content .credentials button{border:none;outline:none;background-color:#258D19;color:#FFFFFF;display:flex;align-items:center;justify-content:center;align-self:flex-end;cursor:pointer;padding:5px 10px;margin:10px 0px 0px 0px;font-size:14px}body .content .credentials .fail{color:#FF0000;margin:0px 0px 10px 10px;font-size:14px}body .content .credentials .instruction{margin:10px 0px 20px 0px}body .content .credits{width:90%;display:flex;flex-direction:column;align-items:center;justify-content:center}body .content .credits a{color:#258D19;font-weight:bold}body .content .credits p{font-size:12px;margin:5px 0px 0px 0px}@media screen and (max-width: 767px) and (orientation: portrait){.content{width:90%;height:90%}}@media screen and (max-width: 767px) and (orientation: landscape){body{padding:10vw 0px}.content{width:90%;height:auto;padding:10px 0px}}@media screen and (min-width: 768px) and (max-width: 1023px){.content{width:60%;height:80%}}@media screen and (min-width: 1024px){.content{width:30%;height:80%}}