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}.mainContainer,html{background-color:#1e2d3b;height:100vh;width:100vw}.mainContainer{background-size:cover}.cssContainerSub{box-shadow:-2px -2px 6px 0 hsla(0,0%,100%,.1),2px 2px 6px 0 rgba(0,0,0,.8);color:#fff;cursor:pointer;display:flex;flex-direction:column;padding:15px}.cssContainerSub img{background-color:#1e2d3b;height:250px;object-fit:contain;width:250px}.cssContainer h2{color:#fff;margin:auto 0;text-align:center}.buttonContainer,.effectContainer,.grapicContainer,.navBarContainer{grid-gap:25px;box-shadow:-2px -2px 6px 0 hsla(0,0%,100%,.1),2px 2px 6px 0 rgba(0,0,0,.8);display:grid;gap:25px;grid-template-columns:repeat(4,1fr);margin-bottom:25px;padding:15px}.mainContainer{align-items:center;display:flex;flex-direction:column}.mainTitle{color:#fff}.ButtonFilterContainer #toggle{display:none}.ButtonFilterContainer .button{background-color:#fff;border-radius:30px;cursor:pointer;display:inline-block;height:35px;position:relative;width:90px}.ButtonFilterContainer .button:after{background-color:#db7575;border:2px solid #fff;border-radius:50%;box-shadow:0 0 5px rgba(0,0,0,.25);content:url(/static/media/sun.5834dfd78e117d26d027.svg);display:grid;height:40px;left:0;line-height:0;place-content:center;position:absolute;top:-5px;transition:background-color 1s ease-out,-webkit-transform 1s ease-in;transition:background-color 1s ease-out,transform 1s ease-in;transition:background-color 1s ease-out,transform 1s ease-in,-webkit-transform 1s ease-in;width:40px}.ButtonFilterContainer #toggle:checked+.button:after{background-color:#8085cc;content:url(/static/media/moon.b4ede54259d7c9caf371.svg);-webkit-transform:translateX(50px) rotate(1turn);transform:translateX(50px) rotate(1turn)}.ButtonMenusContainer .navBar{background-color:#111;border-radius:10px;display:block;overflow:hidden;padding:10px;position:relative;-webkit-transform:scale(1.8);transform:scale(1.8)}.ButtonMenusContainer .navBar a{box-sizing:border-box;color:#fff;display:inline-block;font-size:.7rem;padding:10px;position:relative;text-align:center;text-decoration:none;width:80px;z-index:100}.ButtonMenusContainer .navBar b{bottom:40px;position:relative;transition:bottom .3s ease}.ButtonMenusContainer .navBar i{left:20%;position:relative;transition:left .3s ease}.ButtonMenusContainer .navBar span{background-color:#0560fe;border-radius:10px;bottom:10px;left:10px;position:absolute;top:10px;transition:left .3s ease;width:80px;z-index:1}.ButtonMenusContainer .navBar a:hover b{bottom:0}.ButtonMenusContainer .navBar a:hover i{left:-5px}.ButtonMenusContainer .navBar:hover span{background:#0560fe}.ButtonMenusContainer .navBar a:first-child:hover~span{left:10px}.ButtonMenusContainer .navBar a:nth-child(2):hover~span{left:93px}.ButtonMenusContainer .navBar a:nth-child(3):hover~span{left:180px}.ButtonSkewbutton{background-color:none;color:#fff;letter-spacing:2px;outline:2px solid #fff;overflow:hidden;padding:30px 60px;position:relative;text-decoration:none;text-transform:uppercase;transition:color 1s,background-color 1s}.ButtonSkewbutton:hover{background-color:#fff;color:#833ab4}.ButtonHoverAniContainer{height:150px}.ButtonHoverAniContainer .btn{background:none;border:none;color:#fff;padding:12px 18px;position:relative}.ButtonHoverAniContainer .btn:before{background-color:red;border-radius:50px;content:"";height:45px;position:absolute;top:50%;-webkit-transform:translateY(-50%) translateX(calc(100% + 4px));transform:translateY(-50%) translateX(calc(100% + 4px));transition:-webkit-transform .25s cubic-bezier((0,0,.5,2)) .25s;transition:transform .25s cubic-bezier((0,0,.5,2)) .25s;transition:transform .25s cubic-bezier((0,0,.5,2)) .25s,-webkit-transform .25s cubic-bezier((0,0,.5,2)) .25s;width:45px;z-index:-1}.ButtonHoverAniContainer .btn:hover:before{-webkit-transform:translateY(-50%) translateX(-18px);transform:translateY(-50%) translateX(-18px);transition:width .25s cubic-bezier(0,0,.5,2) .25s,-webkit-transform .25s cubic-bezier(0,0,.5,2);transition:transform .25s cubic-bezier(0,0,.5,2),width .25s cubic-bezier(0,0,.5,2) .25s;transition:transform .25s cubic-bezier(0,0,.5,2),width .25s cubic-bezier(0,0,.5,2) .25s,-webkit-transform .25s cubic-bezier(0,0,.5,2);width:100%}.ButtonHoverAniContainer .btn i{margin-left:5px;transition:-webkit-transform .25s cubic-bezier(0,0,.5,2) .4s;transition:transform .25s cubic-bezier(0,0,.5,2) .4s;transition:transform .25s cubic-bezier(0,0,.5,2) .4s,-webkit-transform .25s cubic-bezier(0,0,.5,2) .4s}.ButtonHoverAniContainer .btn:hover i{-webkit-transform:translateX(5px);transform:translateX(5px)}
/*# sourceMappingURL=main.0c412297.css.map*/