@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,500;0,700;1,200&display=swap);
*{box-sizing:border-box}.content{background-color:#4a4a55;color:#efefff;padding-bottom:5rem}.btn-container{border-radius:1.25rem;min-width:12rem;margin:auto;cursor:pointer;padding:1rem}.btn-container .btn{user-select:none;background-color:transparent;color:#eaeaf4;width:100%;height:2.5rem;font-size:1.25rem;border:3px solid #23bf7c;border-radius:1.25rem;text-align:center;transition:background-color .25s,transform .25s,box-shadow .25s;cursor:pointer}.btn-container .btn.to-shop{background-color:#23bf7c}.btn-container:hover .btn{box-shadow:0 .25rem .5rem #23bf7c7f;transform:translateY(-0.25rem);background-color:#23bf7c}.btn-container:active .btn{box-shadow:0 0 .25rem #23bf7c7f;transform:translateY(0) scale(0.95);transition:transform .05s,box-shadow .05s}.card{box-shadow:0 2rem 4rem #00000057;border-radius:1.25rem;margin:2.5rem 0;width:17.5rem;padding:.5rem 1rem 1.5rem 1rem}.card img{margin:auto;margin-top:1rem;height:5rem}.card .title,.card a{font-size:1.2rem;margin-top:.5rem;color:#eaeaf4;text-decoration:none}.card a:hover{color:#23bf7c}.card p{margin-top:.5rem;font-size:1rem}.home .cards h1{font-size:2rem}.home .cards .card-container{max-width:70rem;margin:auto;margin-top:2rem;display:flex;flex-wrap:wrap;justify-content:space-around}.home #header .skewed{background-color:#35353f;position:relative;top:0;right:0;bottom:0;left:0;width:100%;height:100vh;z-index:0;transform:skewY(6deg);transform-origin:top right;display:grid;grid-template-columns:1fr 1fr;place-items:center}@media only screen and (min-width: 320px)and (max-width: 480px){.home #header .skewed{padding-top:5rem;grid-template-columns:1fr}}.home #header .skewed::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%}@media only screen and (min-width: 320px)and (max-width: 480px){.home #header .skewed::before{background-image:url(4b81cc92814ce2185122.svg);background-position:left;background-repeat:no-repeat;background-size:auto 75%;filter:opacity(30%);transform:skewY(-6deg)}}.home #header .skewed #main-headers{user-select:none;transform:skewY(-6deg);padding:5vw;text-align:left}.home #header .skewed #main-headers h1{font-size:1.81rem;text-shadow:0 5px 10px #0000007f;font-weight:600;margin-bottom:3%}.home #header .skewed #main-headers p{margin:0;font-size:1.5rem;text-shadow:0 3px 6px #0000007f;margin-bottom:5%}.home #header .skewed #main-headers #header-btns{display:flex;flex-wrap:wrap;align-items:stretch}.home #header .skewed #main-headers #header-btns .btn-container{flex:1}.home #header .skewed #header-logo{transform:skewY(-6deg)}.home #header .skewed #header-logo img{height:80vh}@media only screen and (min-width: 320px)and (max-width: 480px){.home #header .skewed #header-logo img{display:none}}.home #why-us{padding-top:5rem;padding-bottom:4rem}.home #products h1{font-size:2rem;margin:0}.home #products h2{margin-top:1.5rem;margin-bottom:1rem}.home #products .product{width:40rem;filter:drop-shadow(0 1.5rem 3.5rem #0000007f);margin:auto}.home #products .btn-container#products-btn{margin:auto;margin-top:7.5rem;cursor:pointer;border-radius:1.25rem;width:20rem}.about .cards h1{font-size:2rem}.about .cards .card-container{max-width:47.5rem;margin:auto;margin-top:2rem;display:flex;flex-wrap:wrap;justify-content:space-around}.about section{padding-bottom:5rem}.about section h1{font-size:2rem}.about #header{width:100%;height:30vh;transform:skewY(4deg);transform-origin:top right;background-color:#35353f}.about #header h1{font-size:2.5rem;font-weight:100;padding-top:10rem;transform:skewY(-4deg)}nav{padding:.75rem;z-index:1;position:fixed;top:0;width:100%;background-color:#35353f7f;backdrop-filter:blur(35px)}@supports not (backdrop-filter: blur(35px)){nav{background-color:#35353fef}}nav a{margin:.75rem;font-weight:regular;color:#e8e8ef;text-decoration:none;transition:color .15s}nav a:hover{text-decoration:underline;color:#23bf7c}@media only screen and (min-width: 320px)and (max-width: 480px){nav{padding:none !important}}footer{background-color:#23232f;width:100%;text-align:left;padding:3rem 7rem}footer p{color:#aaaab4}footer a{color:#23bf7c;text-decoration:none}footer a:hover{text-decoration:underline}footer p#this-is-a-footer{margin-top:3rem;text-align:center;color:#2b3d49}html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:"Montserrat",Helvetica,Arial,sans-serif;text-align:center}