@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;550;600;700;800&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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{font-family:Poppins,sans-serif}:root{--main-color:#13b987;--background-color:#8492a6;--text-color:#343a40;--grey-color:#dadada;--green-second:#31cb9d}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;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}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}body{background-color:#f8f9fa}*,body{box-sizing:border-box;margin:0;padding:0}*{font-family:Jost,sans-serif}html{font-size:62.5%}a{text-decoration:none}li{list-style:none}.main-nav{box-shadow:0 50px 100px -20px rgba(50,50,93,.25),0 30px 60px -30px rgba(0,0,0,.3);display:grid;grid-template-columns:10rem 1fr 2fr 1fr 10rem;height:10rem;width:100%}.logo{align-items:center;display:grid;grid-column:2/3;justify-content:start}.menu-link{grid-column:3/4}.menu-link ul{align-items:center;display:flex;height:10rem;justify-content:space-around}.social-media{grid-column:4/5}.social-media ul{align-items:center;display:grid;grid-template-columns:3fr repeat(3,1fr);height:10rem;justify-content:flex-end}.social-media ul li{text-align:right}.social-media ul li:first-child{grid-column:2/3}.logo h2{-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(#eee,#17c40a);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:400;text-transform:uppercase}.logo h2 span{font-size:3.5rem}.menu-link ul{margin-left:35rem}.menu-link ul li{color:#fff;cursor:crosshair;font-size:2.5rem;font-weight:500;margin-left:5rem;text-transform:uppercase}.menu-link ul li a{color:hsla(180,0%,45%,.8);text-decoration:none;text-transform:capitalize;transition:.5s}.menu-link ul li:hover>a{color:#1ff977;text-decoration:underline;-webkit-transform-origin:left;transform-origin:left;transition:.5s}.social-media .hamburger-menu{display:none}.hero-section{align-items:center;display:flex;flex-direction:column;height:80vh;justify-content:center}.hero-section p{font-size:3rem;text-transform:capitalize}.hero-section h1{font-size:5rem;text-align:center;text-transform:uppercase}@media (max-width:1080px){.main-nav{grid-template-columns:2rem 3fr 3fr 1fr 2rem}.logo,.main-nav,.menu-link ul,.social-media ul{height:8rem}}@media (max-width:998px){.main-nav{grid-template-columns:2rem 2fr 3fr 2rem 2rem;height:7rem}.menu-link{display:none}.logo,.social-media ul{height:7rem}.mobile-menu-link{align-items:center;background-color:#fff;box-shadow:0 50px 100px -20px rgba(50,50,93,.25),0 30px 60px -30px rgba(0,0,0,.3);display:grid;grid-column:2/4;grid-column:2/5;height:20rem;padding-left:3rem;position:relative;-webkit-transform-origin:top;transform-origin:top;transition:all 2s linear;z-index:99}.mobile-menu-link ul{align-items:start;display:flex;flex-direction:column;height:20rem;justify-content:space-around}.mobile-menu-link ul li:first-child{transition-delay:.2s}.social-media{grid-column:3/5;grid-row:1/2;justify-items:end;transition:all 2s linear}.social-media .social-media-desktop{display:none;height:0}.social-media{align-items:center;display:flex;height:7rem;justify-self:end}.social-media .hamburger-menu{display:block;font-size:2.5rem}}@media (max-width:798px){.main-nav{grid-template-columns:1rem 2fr 1fr 1fr 1rem}.logo,.main-nav,.social-media ul{height:6rem}.social-media{align-items:center;display:flex;height:6rem;justify-self:end}.social-media .hamburger-menu{display:block;font-size:2.5rem}}@media (max-width:520px){.main-nav{grid-template-columns:1rem 4fr 1fr 1fr 1rem}.logo,.main-nav,.social-media ul{height:6rem}.logo h2{font-size:2rem}.social-media{align-items:center;display:flex;height:6rem;justify-self:end}.social-media .hamburger-menu{display:block;font-size:2.5rem}.hero-section h1{font-size:3.8rem}}.react-activity-calendar__calendar{height:auto;text-align:center;width:100%}
/*# sourceMappingURL=main.08246b9b.css.map*/