@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{border:0;margin:0;padding:0}*,:after,:before{box-sizing:border-box}:active,:focus,a:active,a:focus{outline:none}aside,footer,header,main,nav,section{display:block}body,html{-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-size:100%;font-size:14px;height:100%;line-height:1;margin:0;padding:0;width:100%}button,input,select,textarea{background-color:transparent;color:inherit;font-family:inherit;font-size:inherit}input::-ms-clear{display:none}button{cursor:pointer}button::-moz-focus-inner{border:0;padding:0}a,a:hover,a:link,a:visited{text-decoration:none}ul li{list-style:none}img{vertical-align:top}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}address{font-style:normal}#root,body,html{height:101%;overflow:hidden}#root{--index:calc(1vw + 1vh)}.main__page{height:100%;position:relative}.main__button{align-items:center;color:#fff;cursor:pointer;display:flex;font-size:34px;height:54px;justify-content:center;left:54px;padding-bottom:4px;top:54px;width:54px;will-change:transform;z-index:5}.main__button,.main__button:before{position:absolute;transition:all .2s ease 0s}.main__button:before{border:2px solid #fff;content:"";height:100%;left:0;top:0;width:100%}.main__button_active{height:100%;position:relative;width:100%}.main__button_active:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.main__button_active:after,.main__button_active:before{background:#fff;content:"";height:2px;left:13.5px;position:absolute;top:25.5px;transition:all .2s ease 0s;width:27px}.main__button_active:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}@media(any-hover:hover){.main__button:hover{background:#fff;color:#000;-webkit-transform:scale(1.2);transform:scale(1.2)}.main__button:hover:before{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.main__button:hover .main__button_active:after,.main__button:hover .main__button_active:before{background:#000}}.main__button:active{-webkit-transform:rotate(180deg);transform:rotate(180deg);transition:all .2s ease 0s}.main__text{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(5px);background:hsla(0,0%,100%,.2);border:1px solid rgba(0,0,0,.3);border-radius:16px;box-shadow:0 4px 30px rgba(0,0,0,.1);color:#fff;font-family:Raleway,sans-serif;font-size:calc(var(--index)*1.44);font-weight:300;height:calc(var(--index)*18);line-height:1.5;padding:10px 20px;text-align:center;width:calc(var(--index)*25)}.main__text,.main__text_wrapper{align-items:center;display:flex;justify-content:center;z-index:4}.main__text_wrapper{height:100%;left:0;position:absolute;top:0;transition:all .4s ease 0s;width:100%}
/*# sourceMappingURL=main.e27c94f9.css.map*/