.login,body,html{height:99%;margin:0}.dropdown button,.login .login_form .loginbutton{cursor:pointer;font-family:Poppins,sans-serif;color:#fff}.dropdown button,.login .login_form .loginbutton,.login .login_form h1,body,html{font-family:Poppins,sans-serif}@font-face{font-family:Poppins;font-style:normal;font-weight:100;src:local(""),url(fonts/poppins-v20-latin-100.woff2) format("woff2"),url(fonts/poppins-v20-latin-100.woff) format("woff")}@font-face{font-family:Poppins;font-style:italic;font-weight:100;src:local(""),url(fonts/poppins-v20-latin-100italic.woff2) format("woff2"),url(fonts/poppins-v20-latin-100italic.woff) format("woff")}@font-face{font-family:Poppins;font-style:normal;font-weight:200;src:local(""),url(fonts/poppins-v20-latin-200.woff2) format("woff2"),url(fonts/poppins-v20-latin-200.woff) format("woff")}@font-face{font-family:Poppins;font-style:italic;font-weight:200;src:local(""),url(fonts/poppins-v20-latin-200italic.woff2) format("woff2"),url(fonts/poppins-v20-latin-200italic.woff) format("woff")}@font-face{font-family:Poppins;font-style:normal;font-weight:300;src:local(""),url(fonts/poppins-v20-latin-300.woff2) format("woff2"),url(fonts/poppins-v20-latin-300.woff) format("woff")}@font-face{font-family:Poppins;font-style:italic;font-weight:300;src:local(""),url(fonts/poppins-v20-latin-300italic.woff2) format("woff2"),url(fonts/poppins-v20-latin-300italic.woff) format("woff")}@font-face{font-family:Poppins;font-style:normal;font-weight:400;src:local(""),url(fonts/poppins-v20-latin-regular.woff2) format("woff2"),url(fonts/poppins-v20-latin-regular.woff) format("woff")}@font-face{font-family:Poppins;font-style:italic;font-weight:400;src:local(""),url(fonts/poppins-v20-latin-italic.woff2) format("woff2"),url(fonts/poppins-v20-latin-italic.woff) format("woff")}@font-face{font-family:Poppins;font-style:normal;font-weight:500;src:local(""),url(fonts/poppins-v20-latin-500.woff2) format("woff2"),url(fonts/poppins-v20-latin-500.woff) format("woff")}@font-face{font-family:Poppins;font-style:italic;font-weight:500;src:local(""),url(fonts/poppins-v20-latin-500italic.woff2) format("woff2"),url(fonts/poppins-v20-latin-500italic.woff) format("woff")}@font-face{font-family:Poppins;font-style:normal;font-weight:600;src:local(""),url(fonts/poppins-v20-latin-600.woff2) format("woff2"),url(fonts/poppins-v20-latin-600.woff) format("woff")}@font-face{font-family:Poppins;font-style:italic;font-weight:600;src:local(""),url(fonts/poppins-v20-latin-600italic.woff2) format("woff2"),url(fonts/poppins-v20-latin-600italic.woff) format("woff")}@font-face{font-family:Poppins;font-style:normal;font-weight:700;src:local(""),url(fonts/poppins-v20-latin-700.woff2) format("woff2"),url(fonts/poppins-v20-latin-700.woff) format("woff")}@font-face{font-family:Poppins;font-style:italic;font-weight:700;src:local(""),url(fonts/poppins-v20-latin-700italic.woff2) format("woff2"),url(fonts/poppins-v20-latin-700italic.woff) format("woff")}@font-face{font-family:Poppins;font-style:normal;font-weight:800;src:local(""),url(fonts/poppins-v20-latin-800.woff2) format("woff2"),url(fonts/poppins-v20-latin-800.woff) format("woff")}@font-face{font-family:Poppins;font-style:italic;font-weight:800;src:local(""),url(fonts/poppins-v20-latin-800italic.woff2) format("woff2"),url(fonts/poppins-v20-latin-800italic.woff) format("woff")}@font-face{font-family:Poppins;font-style:normal;font-weight:900;src:local(""),url(fonts/poppins-v20-latin-900.woff2) format("woff2"),url(fonts/poppins-v20-latin-900.woff) format("woff")}@font-face{font-family:Poppins;font-style:italic;font-weight:900;src:local(""),url(fonts/poppins-v20-latin-900italic.woff2) format("woff2"),url(fonts/poppins-v20-latin-900italic.woff) format("woff")}body,html{width:100%}h1,h2,h3,h4,h5,h6{margin:0}.login{display:flex;flex-direction:column;justify-content:center;align-items:center}.login .login_form{display:flex;flex-direction:column;justify-content:center;align-items:center;border:2px solid #d3d3d3;box-shadow:5px 5px 5px #000;padding:40px 80px;margin-top:0}.login .login_form h1{margin-top:0;margin-bottom:10px}.login .login_form input{margin-bottom:15px;text-align:center;border:2px solid gray}.login .login_form .loginbutton{border:none;background-color:#000;padding:4px 14px}.login .login_form .cookiebuttons{width:100%;display:flex;justify-content:space-evenly}.headingpic{position:absolute;height:140px;width:140px;margin-top:30px;margin-left:50px}.heading{width:100%;text-align:center}.container{margin-top:120px;display:flex;flex-direction:column;align-items:center;width:100%}.dropdown{width:100%;justify-content:center;display:flex;background:#656363;color:#fff;border-radius:10px;margin-bottom:15px;padding:10px 30px}.dropdown button{background-color:transparent;border:none;font-size:x-large}.project-box{display:flex;width:70%;justify-content:start;flex-direction:column;align-items:center;padding:20px 50px}.project{background-color:rgba(128,128,128,.199);border:1px solid #fff;border-radius:10px;box-shadow:2px 2px 2px #656363;height:max-content;width:100%;padding:10px 30px;justify-content:space-between;align-items:baseline;margin-bottom:10px;display:none;-webkit-transition:opacity .5s ease-in-out;-moz-transition:opacity .5s ease-in-out;-ms-transition:opacity .5s ease-in-out;-o-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out;opacity:0;overflow-x:scroll}.project .left h4{font-weight:100;margin-bottom:20px}.project .left .gif{margin-top:14px}.project .right{width:500px}.project .right .text{font-size:14px;text-align:justify}@media screen and (max-width:488px){.headingpic{display:none}.login h1{margin-top:0;font-family:Poppins,sans-serif;margin-bottom:10px;font-size:large}}@media screen and (max-width:800px){.headingpic{display:none}}@media screen and (max-width:321px){.headingpic{display:none}.login h1{margin-top:0;font-family:Poppins,sans-serif;margin-bottom:10px;font-size:14px}}