:root{--magenta:#f20d7a;--light-magenta:#fbd0e4;--midnight-blue:#17154b;--blue:#a4c0f7;--pastel-blue:#d1dffb;--matte-blue:#45446f;--cloud-blue:#d9effa;--grey:#a2a1b7;--white-50:hsla(0,0%,100%,0.5)}body,html{margin:0;padding:0;font-family:Raleway,sans-serif;font-size:15px;color:var(--midnight-blue);position:relative}footer,header{position:fixed;height:64px;background-color:var(--midnight-blue);color:var(--cloud-blue);left:0;right:0;z-index:50}footer{display:flex;align-items:center;justify-content:center;bottom:0}footer section{padding:0 16px}footer a{color:#ebeff8}header{display:flex;align-items:center;justify-content:center;top:0}header .brand{position:absolute;left:1rem}header img.normal{display:block}header img.small{display:none}header h2{color:var(--pastel-blue);font-weight:400;margin:0 16px}@media screen and (max-width:768px){header{font-size:13px}header img{transform:scale(.8)}}@media screen and (max-width:650px){footer,header{height:55px}body{font-size:12px}header img{transform:scale(.75)}header img.normal{display:none}header img.small{display:block}}@media screen and (max-width:480px){header img.normal{display:none}header img.small{display:block}footer{justify-content:start}footer section{display:flex;flex-direction:column}footer section span.v-bar{display:none}}@media screen and (max-width:320px){header{font-size:10px;justify-content:flex-end}}h2,h3,h4{font-family:Clarendon,Georgia Bold,serif}main{width:var(--form-panel-width);padding:16px;margin:64px auto}