html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{font-family:Ultra,serif;color:#b01b2e}#container{background-image:url(/background.jpg);background-repeat:no-repeat;background-attachment:fixed;background-size:cover;background-position:center;scrollbar-gutter:stable;overflow-y:scroll;overflow:hidden}#container .title-text,#container .login-text{display:flex;align-items:center;justify-content:center;height:25rem;font-size:50px}@media (width < 680px){#container .title-text,#container .login-text{font-size:30px}}#container .login-text{color:#b01b2e;font-weight:700}#container #door-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;row-gap:1.5rem}#container #uni-logo{position:absolute;top:25px;left:25px;width:200px}#logout{font-family:Roboto,sans-serif;color:#fff;cursor:pointer;position:absolute;display:inline-block;background-color:transparent;border:none;top:5px;right:5px}.door{--closed-door-border: 2px;--open-door-border: 6px;padding:calc(.75rem - var(--closed-door-border));margin:.75rem;background-color:#fff;border-radius:.5rem;border:#F63 var(--closed-door-border) solid;transform:rotate(0);transition:transform .2s;font-family:Ultra,serif;width:432px;height:243px}@media (width < 680px){.door{width:calc(100vw - 3rem + var(--closed-door-border) * 2);height:calc((100vw - 3rem + var(--closed-door-border) * 2) / (16 / 9))}}.door .cover-image,.door .cover-video{width:100%}.door:not(.open,.playing){cursor:pointer}.door.shake{animation:shake .35s 1}.door.can-not-open{filter:grayscale(1)}.door.open{color:#b01b2e;border:#b01b2e var(--open-door-border) solid;display:flex;flex-direction:column;align-items:center;justify-content:space-around;padding:calc(.75rem - var(--open-door-border))}.door .door-text{height:50px;text-align:center;display:flex;align-items:center}.door .door-link{height:20px}.door .door-image{height:140px}.door .door-image img{max-width:100%;max-height:100%}@keyframes shake{20%{transform:translate(-2.5rem)}40%{transform:translate(2rem)}60%{transform:translate(-1.5rem)}80%{transform:translate(1rem)}to{transform:translate(-.5rem)}}#login-page{background-image:url(/background.jpg);background-repeat:no-repeat;background-attachment:fixed;background-size:cover;background-position:center;scrollbar-gutter:stable;overflow-y:scroll;height:100vh;display:flex;flex-direction:row;align-items:center;justify-content:space-around;font-family:Roboto,sans-serif}#login-page form{display:flex;flex-direction:column;justify-content:space-between;align-items:center;background-color:#fff;border-radius:.5rem;border:#b01b2e 6px solid;padding:1.5rem;row-gap:1rem}#login-page #outer-form-container{display:flex;flex-direction:column;align-items:center}#login-page a{margin-top:1rem;color:#add8e6}#login-page button{background-color:#b01b2e;color:#fff;border:none;padding:.5rem 1rem;border-radius:.25rem;cursor:pointer}#login-page button:hover{filter:brightness(1.2)}#login-page button:active{filter:brightness(1.6)}#login-page #password-title{color:#000}#login-page #wrong-password-notify{color:red}#login-page #uni-logo{position:absolute;top:25px;left:25px;width:200px}#counter-container{background-image:url(/counter/tausta.jpg);display:flex;align-items:center;height:100vh;margin:0;flex-direction:column;text-align:center}#counter-container #counter-otsikko{max-width:80%}#counter-container #counter-logo{position:fixed;bottom:20px;right:20px;width:25%;max-width:300px}#counter-container #countdown-dialog{display:flex;flex-direction:column;justify-content:space-between;align-items:center;background-color:#fff;border-radius:.5rem;border:#b01b2e 6px solid;padding:1.5rem;row-gap:1rem;color:#b01b2e;width:70%}#counter-container #counter-wrapper{height:70vh;display:flex;justify-content:space-around;align-items:center;margin:0;flex-direction:column;text-align:center}#counter-container #content-wrapper{width:100%;display:flex;flex-direction:column;align-items:center}#counter-container .countdown{font-size:1.5em;color:#fff;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;margin-bottom:30px}#counter-container p{font-size:1em;margin-bottom:5px;color:#b01b2e;line-height:1.5em;max-width:100%}#counter-container p#link-text{line-break:anywhere}#counter-container button{color:#fff;background-color:#b01b2e;border:none;padding:.5rem 1rem;border-radius:.25rem;cursor:pointer}