body{font-family:Roboto,sans-serif;margin:0;padding:0;padding-top:env(titlebar-area-height,0)}a{text-decoration:none}@media (max-width:960px){.MuiGrid-root{flex-direction:column}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@font-face{font-family:Poppins;font-style:normal;font-weight:100;src:url(/static/media/Poppins-Thin.59ff6a729e30c99b478e.ttf) format("truetype")}@font-face{font-family:Poppins;font-style:normal;font-weight:200;src:url(/static/media/Poppins-ExtraLight.333cb30c20e31999802a.ttf) format("truetype")}@font-face{font-family:Poppins;font-style:normal;font-weight:300;src:url(/static/media/Poppins-Light.7641a0f76ca9ef6c252c.ttf) format("truetype")}@font-face{font-family:Poppins;font-style:normal;font-weight:400;src:url(/static/media/Poppins-Regular.35d26b781dc5fda684cc.ttf) format("truetype")}@font-face{font-family:Poppins;font-style:normal;font-weight:500;src:url(/static/media/Poppins-Medium.673ed42382ab264e0bf5.ttf) format("truetype")}@font-face{font-family:Poppins;font-style:normal;font-weight:600;src:url(/static/media/Poppins-SemiBold.ac8d04b620e54be9b0f0.ttf) format("truetype")}@font-face{font-family:Poppins;font-style:normal;font-weight:700;src:url(/static/media/Poppins-Bold.cdb29a5d7ccf57ff05a3.ttf) format("truetype")}@font-face{font-family:Poppins;font-style:normal;font-weight:800;src:url(/static/media/Poppins-ExtraBold.01849ee091e1762a5dd5.ttf) format("truetype")}@font-face{font-family:Poppins;font-style:normal;font-weight:900;src:url(/static/media/Poppins-Black.d8b850b920a5ef49d752.ttf) format("truetype")}a,button,div,h1,h2,h3,h4,h5,h6,label,p,placeholder,span{font-family:Poppins,sans-serif}.type--A{--line_color:#555;--back_color:#fffbdb}.button{color:var(--line_color);font-size:14px;font-weight:700;height:56px;letter-spacing:2px;position:relative;text-decoration:none;transition:all .3s ease;width:240px;z-index:0}.button__text{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.button:after,.button:before,.button__text:after,.button__text:before{background:var(--line_color);border-radius:2px;content:"";height:3px;position:absolute;transition:all .5s ease}.button:before{left:54px;top:0;width:calc(100% - 128px)}.button:after{right:54px;top:0;width:8px}.button__text:before{bottom:0;right:54px;width:calc(100% - 128px)}.button__text:after{bottom:0;left:54px;width:8px}.button__line{overflow:hidden;width:56px}.button__line,.button__line:before{height:100%;position:absolute;top:0}.button__line:before{border:3px solid var(--line_color);border-radius:300px;box-sizing:border-box;content:"";width:150%}.button__line:first-child,.button__line:first-child:before{left:0}.button__line:nth-child(2),.button__line:nth-child(2):before{right:0}.button:hover{letter-spacing:6px}.button:hover .button__text:before,.button:hover:before{width:8px}.button:hover .button__text:after,.button:hover:after{width:calc(100% - 128px)}.button__drow1,.button__drow2{border-radius:16px;position:absolute;transform-origin:16px 16px;z-index:-1}.button__drow1{height:0;left:40px;top:-16px;transform:rotate(30deg);width:32px}.button__drow2{height:0;left:77px;top:44px;transform:rotate(-127deg);width:32px}.button__drow1:after,.button__drow1:before,.button__drow2:after,.button__drow2:before{content:"";position:absolute}.button__drow1:before{border-radius:16px;bottom:0;height:32px;left:0;transform:rotate(-60deg);transform-origin:16px 16px;width:0}.button__drow1:after{border-radius:16px;height:32px;left:45px;top:-10px;transform:rotate(69deg);transform-origin:16px 16px;width:0}.button__drow2:before{border-radius:16px;bottom:0;height:32px;left:0;transform:rotate(-146deg);transform-origin:16px 16px;width:0}.button__drow2:after{border-radius:16px;bottom:26px;height:32px;left:-40px;transform:rotate(-262deg);transform-origin:16px 16px;width:0}.button__drow1,.button__drow1:after,.button__drow1:before,.button__drow2,.button__drow2:after,.button__drow2:before{background:var(--back_color)}.button:hover .button__drow1{animation:drow1 .06s ease-in;animation-fill-mode:forwards}.button:hover .button__drow1:before{animation:drow2 .08s linear .06s;animation-fill-mode:forwards}.button:hover .button__drow1:after{animation:drow3 .03s linear .14s;animation-fill-mode:forwards}.button:hover .button__drow2{animation:drow4 .06s linear .2s;animation-fill-mode:forwards}.button:hover .button__drow2:before{animation:drow3 .03s linear .26s;animation-fill-mode:forwards}.button:hover .button__drow2:after{animation:drow5 .06s linear .32s;animation-fill-mode:forwards}@keyframes drow1{0%{height:0}to{height:100px}}@keyframes drow2{0%{opacity:0;width:0}10%{opacity:0}11%{opacity:1}to{width:120px}}@keyframes drow3{0%{width:0}to{width:80px}}@keyframes drow4{0%{height:0}to{height:120px}}@keyframes drow5{0%{width:0}to{width:124px}}.container{align-items:center;display:flex;flex-direction:column;height:100px;justify-content:center;width:100%}.button:not(:last-child){margin-bottom:64px}
/*# sourceMappingURL=main.40e5c292.css.map*/