header{max-width:800px;margin:2rem auto}header>h1{color:#207d92;margin:0 0 2rem;font-family:verdana,sans-serif;font-size:1.8rem}@media (width>=1024px){header>h1{font-size:2.6rem}}.emoji{margin-right:1rem;font-size:2.1rem}@media (width>=1024px){.emoji{font-size:3rem}}.section-container{width:100%;height:100vh}.login-container{max-width:800px;margin:0 auto;display:block}@media screen and (width>=1024px){.login-container{margin:8rem auto;display:flex}}.login-right,.login-left{color:#4b4e6d;width:100%}@media screen and (width>=1024px){.login-right,.login-left{width:50%;padding:2rem}}.login-left h2{color:#207d92;font-size:1.2rem}@media (width>=1024px){.login-left h2{font-size:2rem}}.login-left .login-subtitle{font-size:.9rem}form{margin-top:2rem}.form-login input{color:#ef8294;background-color:#fcfdff;border:1px solid #a8c6db;border-radius:3px;margin:.5rem 0 1rem;padding:.5rem}ul li{margin:1rem 0 1rem 1rem}.login-btn-submit{color:#fff;cursor:pointer;background-color:#4f86f7;border:none;border-radius:4px;margin:2rem 0 1.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:500;transition:background-color .2s}.login-btn-submit:hover{background-color:#4166f5}#searchInput{display:none}