body{margin:0;padding:0;overflow:hidden;font-family:Work Sans,sans-serif;font-size:14px;font-weight:400}main{position:relative;width:100vw;height:100vh}header{position:absolute;top:50px;left:0;right:0;display:flex;justify-content:center;align-items:center}header img{height:60px}@media screen and (max-width: 768px){header{top:30px}header img{height:50px}}h1{font-size:16px}#container-title{position:absolute;top:100px;text-align:center;display:flex;align-items:center;margin:0 50px}#container_body{position:absolute;left:0;right:0;bottom:0;top:150px;height:40vh;display:flex;flex-direction:column;text-align:center;background-position:top center;background-repeat:no-repeat;background-size:contain;margin:0 50px}@media screen and (max-width: 768px){#container_body{height:30vh;top:100px}}#text{position:absolute;left:0;right:0;bottom:0;top:calc(150px + 40vh)}#text P{font-size:26px;font-weight:400;margin-top:20px;text-align:center}@media screen and (max-width: 768px){#text{top:calc(100px + 30vh)}#text p{font-size:14px}}#open_form{position:absolute;bottom:0;right:0;height:25vh;width:25vh;cursor:pointer}#overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:none;background-color:#00000080}#overlay.open{display:block}#container-form{position:fixed;bottom:50%;top:50%;left:0;right:0;display:none;justify-content:center;align-items:center}#container-form #login{background-color:#fff;padding:20px;border:1px solid gray}#container-form.open{display:flex}