*{margin:0px;box-sizing:border-box;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;font-size:16px}:root{--mainColor: 200}header{background:hsl(var(--mainColor), 100%, 50%);padding:10px;width:100%;height:75px;display:flex;justify-content:center;align-items:center}header img{height:50px}.bg{position:absolute;left:15vw;z-index:-1;transform:rotate(0deg);filter:contrast(0)}.bg2{position:absolute;right:15vw;z-index:-1;transform:rotate(0deg);filter:contrast(0)}main{background:hsla(var(--mainColor), 100%, 50%, 0.1);margin:0 auto;padding:20px 0;display:flex;flex-shrink:1;max-width:800px;height:850px;align-items:center;flex-direction:column}main .info{padding:15px 8px;color:hsl(var(--mainColor), 100%, 50%);text-shadow:0 0 2px rgba(128,128,128,.24)}main .icon{height:25px;width:25px;margin:0 5px}main .load-wrapper{margin:10px;height:25px;width:25px}main .load-wrapper .load{transition:transform .5s;transform:rotate(0deg);filter:opacity(0)}main .buttons{display:flex;justify-content:center;align-items:center}main .buttons .btn{display:flex;justify-content:center;align-items:center;padding:10px 20px;justify-content:flex-start;border-radius:5px;background:hsl(var(--mainColor), 100%, 50%);border:none;margin:3px;color:#fff;cursor:pointer}main .buttons .btn:hover{filter:saturate(1.5)}main .buttons .btn:active{filter:saturate(0.6)}main .picture{display:flex;justify-content:center;align-items:center;background:#fff;height:80%;width:95%}main .picture img{max-height:100%;max-width:100%;min-width:60%}@media(max-width: 400px){.buttons{flex-direction:column;width:60vw}.buttons .btn{width:100%}}/*# sourceMappingURL=style.min.css.map */