@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Poppins,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{scroll-behavior:smooth}.App{text-align:center}.dark,.dark .card{background:#01000d;color:#fff}.dark .card{border:1px solid #fff}.light{background:#fff;color:#000}.header_header__b5Rfl{align-items:center;-webkit-animation:header_gradient__V\+IPD 15s ease infinite;animation:header_gradient__V\+IPD 15s ease infinite;background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background-size:400% 400%;display:flex;flex-direction:column;height:100vh;justify-content:center;width:100vw}@-webkit-keyframes header_gradient__V\+IPD{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes header_gradient__V\+IPD{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}header:before{-webkit-animation:header_rain__zMGcD .19s ease-in infinite;animation:header_rain__zMGcD .19s ease-in infinite;background-image:url(http://pngimg.com/uploads/rain/rain_PNG13468.png);content:"";height:100%;left:0;position:absolute;top:0;width:100%}@-webkit-keyframes header_rain__zMGcD{0%{background-position:10 0}to{background-position:20% 80%}}@keyframes header_rain__zMGcD{0%{background-position:10 0}to{background-position:20% 80%}}.header_footer__9kDDa{background:rgba(32,32,33,.9);color:#fff;padding:1rem;text-align:center}.header_footer_image__zsv9C{align-items:center;display:flex;justify-content:center;margin-top:2rem}.header_footer_image__zsv9C>div{margin:0 1rem}.header_footer_image__zsv9C>div>img{max-height:13vh;max-width:13vw}.header_footer_maindiv__1gAlQ{display:flex;justify-content:center}.header_footer_maindiv__1gAlQ>div{background-color:none;border:none;margin:10px;transition:width height 2s 2s}.header_footer_maindiv__1gAlQ>div :hover{fill:#3737a9;height:60px;width:60px}.header_sub_header__m\+15q>h1{font-size:4.5rem;text-shadow:6px 4px 6px rgba(0,0,0,.6)}.header_sub_header__m\+15q>p{font-size:1.5rem;text-shadow:6px 4px 6px rgba(0,0,0,.6)}.header_sub_header__m\+15q>button{box-shadow:0 10px 36px 0 rgba(0,0,0,.16),0 0 0 1px rgba(0,0,0,.06);font-size:1.5rem;margin:2rem;padding:1rem 2rem}.header_sub_header__m\+15q>div>a{margin:.5rem}.header_sub_header__m\+15q>div{padding:1.5rem}.header_sub_header__m\+15q>div>a>svg:hover{fill:#151bd6}@media (max-width:600px){.header_header__b5Rfl{height:500px;margin-top:150px;width:100vw}}@media (max-width:1500px){.header_header__b5Rfl{margin-top:90px}}ul.topnav{background:#020024;color:#fff;list-style-type:none;margin:0;overflow:hidden;padding:1rem;position:fixed;top:0;width:100%;z-index:1000}ul.topnav li{float:left}ul.topnav li a{color:#fff;display:block;font-size:1.5rem;padding:14px 16px;text-align:center;text-decoration:none}ul.topnav li div{background:none;border:none;display:block;height:40px;margin-top:18px;width:40px}.fa-moon,.fa-sun{font-size:30px}.fa-moon{color:#fff}ul.topnav li a:hover:not(.active){cursor:pointer;font-weight:bolder;text-decoration:underline}ul.topnav li a.active{background-color:#2baa04}ul.topnav li.right{float:right}@media screen and (max-width:600px){ul.topnav li,ul.topnav li.right{float:none}ul.topnav li button{margin:auto}}.checkbox{opacity:0;position:absolute}.label{align-items:center;background-color:#f6e7e7;border-radius:50px;display:flex;height:26px;justify-content:space-between;margin-top:5px;padding:5px;position:relative;-webkit-transform:scale(1.5);transform:scale(1.5);width:50px}.ball{background-color:#fff;border-radius:50%;height:20px;left:2px;position:absolute;top:2px;transition:-webkit-transform .2s linear;transition:transform .2s linear;transition:transform .2s linear,-webkit-transform .2s linear;width:20px}.checkbox:checked+.label .ball{-webkit-transform:translateX(24px);transform:translateX(24px)}.fa-moon{color:pink;margin-right:5px}.fa-sun{color:#ff0;margin-right:5px}.card:hover{cursor:pointer;-webkit-transform:scale(1.1);transform:scale(1.1);transition-timing-function:ease}.card{background-color:#cedce4;text-align:center}.card>img{height:12rem}.card>a:hover{background-color:#bfd626}.box{margin:auto;padding:1rem 0;width:80%}.box,.box>div{display:flex;justify-content:center}.box>div{align-items:center;background:linear-gradient(145deg,#e6e6e6,#e1d7d7);border-radius:50px;box-shadow:0 54px 55px rgba(0,0,0,.25),0 -12px 30px rgba(0,0,0,.12),0 4px 6px rgba(0,0,0,.12),0 12px 13px rgba(0,0,0,.17),0 -3px 5px rgba(0,0,0,.09);flex-wrap:wrap;height:100px;margin:15px;padding:1rem;transition:width 2s,height 2s;transition:width 1s,height 1s;width:100px}.box>div:hover{border-radius:60px;box-shadow:0 0 0 2px rgba(6,24,44,.4),0 4px 6px -1px rgba(6,24,44,.65),inset 0 1px 0 hsla(0,0%,100%,.08);height:130px;width:130px}.container>button{border:none;bottom:20px;box-shadow:none;height:40px;line-height:42px;-webkit-perspective:230px;perspective:230px;position:relative;right:25px;width:100px}.container>button span{background:#0a0a0a;background:linear-gradient(0deg,#0d0f11,rgrgb(53,55,57) 0);border-radius:5px;box-shadow:inset 2px 2px 2px 0 hsla(0,0%,100%,.5),7px 7px 20px 0 rgba(0,0,0,.1),4px 4px 5px 0 rgba(0,0,0,.1);box-sizing:border-box;color:#fff;display:block;height:40px;margin:0;position:absolute;text-align:center;transition:all .3s;width:130px}.container>button span:first-child{box-shadow:-7px -7px 20px 0 #fff9,-4px -4px 5px 0 #fff9,7px 7px 20px 0 #0002,4px 4px 5px 0 #0001;-webkit-transform:rotateX(90deg);transform:rotateX(90deg);-webkit-transform-origin:50% 50% -20px;transform-origin:50% 50% -20px}.container>button span:nth-child(2){-webkit-transform:rotateX(0deg);transform:rotateX(0deg);-webkit-transform-origin:50% 50% -20px;transform-origin:50% 50% -20px}.container>button:hover span:first-child{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}.container>button:hover span:first-child,.container>button:hover span:nth-child(2){box-shadow:inset 2px 2px 2px 0 hsla(0,0%,100%,.5),7px 7px 20px 0 rgba(0,0,0,.1),4px 4px 5px 0 rgba(0,0,0,.1)}.container>button:hover span:nth-child(2){color:transparent;-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg)}.profile>div>h1{font-size:3rem}.profile>div>div>p{font-size:1.2rem}.profile>div>button>a{font-size:1.5rem}.profile>div>button>a:hover{box-shadow:5px 5px 5px 0 #000,inset 4px 4px 15px 0 #000,5px 5px 15px 5px transparent,5px 5px 15px 5px rgba(241,255,235,0)}@media (max-width:1000px) and (min-width:450px){.box{display:grid;grid-template-columns:repeat(4,1fr)}}@media (max-width:449px) and (min-width:300px){.box{display:grid;grid-template-columns:repeat(3,1fr)}}@media (max-width:299px) and (min-width:100px){.box{display:grid;grid-template-columns:repeat(2,1fr)}}.topnav{background:#020024;color:#fff;font-size:50px;margin:0;overflow:hidden;padding:.9rem;position:fixed;top:0;width:100%;z-index:1000}.topnav a{color:#f2f2f2;display:block;float:left;font-size:20px;padding:14px 16px;text-align:center;text-decoration:none}.topnav a:hover{cursor:pointer;font-weight:700}.topnav .icon{display:none}@media screen and (max-width:600px){.topnav a:not(:first-child){display:none}.topnav a.icon{display:block;float:right}.topnav.responsive{position:relative}.topnav.responsive .icon{position:absolute;right:0;top:0}.topnav.responsive a{display:block;float:none;text-align:left}}
/*# sourceMappingURL=main.098eaf22.css.map*/