@import url("https://fonts.googleapis.com/css2?family=Fira+Sans:wght@400;600&display=swap");*,*::before,*::after{padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:'Fira Sans', sans-serif;font-size:16pt;color:#010101;-webkit-transition:150ms ease-in;transition:150ms ease-in}body{background-color:#fff !important}.center{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.hidden{display:none}@media (prefers-color-scheme: dark){*{color:#fff}body{background-color:#121212 !important}}.main{width:100vw;height:100vh;display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr}.main .left{width:50vw;background-color:rgba(0,0,0,0.1)}.main .left .wrapper{width:80%}.main .left .wrapper p.nav{position:absolute;top:25px}.main .left .wrapper p.nav a{text-decoration:none}.main .left .wrapper p.nav a:hover{color:#fca311}.main .left .wrapper p.nav a:nth-of-type(1){padding-right:24px;font-weight:bold}.main .left .wrapper input{width:30vw;min-width:200px;height:55px;padding:0 8px;background-color:#fff;border:none;outline:none;font-size:16pt;color:#010101;-webkit-transition:none;transition:none}.main .left .wrapper input:focus{padding:0 6px;border:2px solid #121212}.main .left .wrapper button{width:8vw;min-width:50px;height:55px;background-color:#fca311;border:none;outline:none;cursor:pointer}.main .left .wrapper button:hover{background-color:#121212;color:#fff}.main .left .wrapper button.github{margin-top:10px}.main .left .wrapper .error{width:30vw;min-width:200px;height:55px;padding:0 8px;margin:4px 0;background-color:#F00314;color:#fff;line-height:55px}.main .left .wrapper p.title{padding-bottom:10px;font-size:48pt;font-weight:bold}.main .right .wrapper{width:80%}.main .right .wrapper p{padding:4px}.main .right .wrapper p span{font-weight:bold}.main .right .wrapper p#city{padding-bottom:10px;font-size:48pt;font-weight:bold}@media (prefers-color-scheme: dark){.main{background-color:#121212 !important}.main .left{background-color:rgba(255,255,255,0.1) !important}.main .left input{background-color:#121212 !important;color:#fff !important}.main .left input:focus{border:2px solid #fff}.main .left button{color:#010101}.main .left button:hover{background-color:#fff !important;color:#010101 !important}.main .right{background-color:#121212 !important}}@media only screen and (max-width: 600px){.main{height:100%;-ms-grid-columns:1fr;grid-template-columns:1fr;-ms-grid-rows:auto auto;grid-template-rows:auto auto;background-color:#fff}.main .left{width:100%;height:40vh;background-color:rgba(0,0,0,0.1)}.main .left p.title{font-size:24pt !important}.main .left input{width:70% !important}.main .left button{width:25% !important}.main .right{padding-bottom:25px}.error{width:97% !important}p.nav{position:absolute;top:25px}.right{margin-top:30px}body{background-color:#121212}}