@font-face{font-family:Nunito;src:url(../assets/fonts/Nunito.ttf)}@font-face{font-family:Nunito;src:url(../assets/fonts/Nunito-Bold.ttf);font-weight:bold}@font-face{font-family:Roboto;src:url(../assets/fonts/Roboto.ttf)}@font-face{font-family:Roboto;src:url(../assets/fonts/Roboto-Bold.ttf);font-weight:bold}.scrollbar::-webkit-scrollbar{width:.5rem;height:.5rem}.scrollbar::-webkit-scrollbar-thumb{background-color:rgba(128,128,128,.2);border-radius:5px}.scrollbar::-webkit-scrollbar-thumb:hover{background-color:rgba(128,128,128,.6)}.scrollbar::-webkit-scrollbar-track{margin:3px}.scrollbar::-webkit-scrollbar-track,.scrollbar::-webkit-scrollbar-corner{background-color:rgba(0,0,0,0)}*{margin:0;padding:0;box-sizing:border-box}hr{margin:.5rem 0;border:1px solid #add8e6}body{font-family:Roboto,Helvetica,sans-serif;background-color:#e7ffea;color:#0c134f}section,hr,h1{font-family:Nunito,Helvetica,sans-serif;text-align:center;margin-bottom:1rem !important}h2,h3,h4,h5,h6{margin:1rem 0 .5rem 0;font-family:Nunito,Helvetica,sans-serif}p{margin:1rem 0 .5rem 0}a{text-decoration:none;color:#5c469c}a:hover{color:green}ul{list-style-type:none}.container{margin:0 20px}.block{display:block}.m-1{margin:1rem}.m-p5{margin:.5rem}.my-1{margin:1rem 0}.hide{display:none}.show{display:block}footer{margin-top:1.5rem;color:#f5f5f5}footer h3{margin-bottom:1em}footer a{color:#f5f5f5}footer a:hover{color:#ccc}footer .footer-top{background-color:#1d267d}footer .footer-top .container .col{padding:10px}footer .footer-top .container li{margin-bottom:10px}footer .footer-top .container .social-links{display:flex;gap:.5em;font-size:1.5rem;margin-top:.5em}footer .footer-top .container .login a{display:block;padding:.5em 1em;margin-bottom:10px;border:none;border-radius:2em}footer .footer-top .container .login a.google{background-color:#fff;color:#000}footer .footer-top .container .login a.facebook{background-color:#3b5998}footer .footer-bottom{padding:1.5em;text-align:center;background-color:#0c134f}@media screen and (min-width: 720px){footer .footer-top .container{display:flex;justify-content:space-between}footer .footer-top .container li{margin-bottom:10px}}.menu-button{display:none;width:100px;aspect-ratio:1;position:relative;cursor:pointer;z-index:12;transform:scale(40%)}.menu-button span{background-color:#000;width:100%;height:10px;border-radius:8px;position:absolute;top:50%;left:50%;display:block;transform:translate(-50%, -50%);transition:transform 500ms ease,width 200ms}.menu-button span:nth-child(1){transform:translate(-50%, -40px)}.menu-button span:nth-child(3){transform:translate(-50%, 30px)}.menu-button.open-menu span:nth-child(1){transform:translate(-50%, -50%) rotate(-45deg) scaleX(120%)}.menu-button.open-menu span:nth-child(2){width:0}.menu-button.open-menu span:nth-child(3){transform:translate(-50%, -50%) rotate(45deg) scaleX(120%)}.navbar{display:flex;justify-content:space-between;align-items:center}.navbar .logo{color:green;z-index:13;padding:0 1rem}.navbar nav ul{display:none}.navbar nav ul li{cursor:pointer}.navbar nav ul li a{display:inline-block;font-size:1.4rem;padding:1rem}.navbar nav ul li a.active{color:red}.navbar nav ul li:hover{background-color:#d4ddfc;border-radius:.5rem}.navbar .menu-button{display:block}.navbar .mobile-nav-open{display:flex;justify-content:center;align-items:center;position:absolute;top:0;bottom:0;left:0;right:0;background-color:#fff;z-index:10;transition:display 400ms ease}.navbar .mobile-nav-open ul{display:block;text-align:center;margin-top:4em}.navbar .mobile-nav-open ul li a{font-size:1.8rem}.fadein{animation:fadein 500ms ease}@keyframes fadein{from{opacity:0}to{opacity:1}}@media screen and (min-width: 720px){.navbar{padding:1rem}.navbar nav ul{display:flex}.navbar .menu-button{display:none}}.banner .container .hero h2{font-size:2em;margin:0}.banner .container .hero p{font-size:1.5em}.banner .container .hero h2,.banner .container .hero p{text-align:center}.slider{width:100%;aspect-ratio:4/3;margin:auto;position:relative;border-radius:.5rem;box-shadow:1px 1px 5px rgba(0,0,0,.5);overflow:hidden}.slider .img-container{width:100%;height:100%;position:relative}.slider img{width:100%;height:100%;position:absolute;-o-object-fit:cover;object-fit:cover}.slider img:not(.active){top:0;left:-100%}.slider .control{position:absolute;top:50%;transform:translateY(-50%);font-size:1.5rem;background-color:rgba(79,79,79,.3098039216);border-radius:50%;padding:.4rem 1rem;margin:0 1rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:.2s;cursor:pointer;z-index:2}.slider .control.next{right:0}.slider .control:active{background-color:rgba(191,191,191,.3098039216);color:#222}.slider .pagination{position:absolute;bottom:.5rem;left:50%;transform:translateX(-50%);z-index:3;display:flex}.slider .dot{width:2rem;height:.5rem;background-color:rgba(128,128,128,.5);border-radius:.5rem;margin:.2rem;transition:1s}.slider .dot.active{background-color:rgba(255,255,255,.6)}@keyframes next1{from{left:0}to{left:-100%}}@keyframes next2{from{left:100%}to{left:0}}@keyframes prev1{from{left:0}to{left:100%}}@keyframes prev2{from{left:-100%}to{left:0}}button,input[type=button],input[type=submit]{padding:.75rem 1rem;border:none;border-radius:.5rem;cursor:pointer}button:focus,input[type=button]:focus,input[type=submit]:focus{outline:none}.link-button{display:inline-block;padding:.5em 1em;border-radius:2em}button,input[type=button],input[type=submit],.link-button{background-color:#1d267d;color:#fff}button:hover,input[type=button]:hover,input[type=submit]:hover,.link-button:hover{background-color:#5c469c}button:active,input[type=button]:active,input[type=submit]:active,.link-button:active{background-color:#d4ddfc;color:#1d267d}input,select{margin-bottom:1rem;padding:.75em 1em;border:1px solid greyy;border-radius:.5em}input:focus,select:focus{outline:2px solid #add8e6}input[type=button],input[type=submit]{width:initial}input[type=radio],input[type=checkbox]{cursor:pointer;width:1.3rem;aspect-ratio:1}form input,form select{display:block;width:100%}.radio-buttons label,.checkboxes label{display:block;position:relative;cursor:pointer;padding-left:1.7rem;margin:0 1rem 1rem 0}.radio-buttons label input,.checkboxes label input{position:absolute;top:0;left:0}table{width:100%;border:1px solid #add8e6;border-radius:.5rem}table th,table td{padding:.5em}table td{border-top:1px solid #add8e6}table th:not(:last-child){border-right:1px solid #add8e6}table td:not(:last-child){border-right:1px solid #add8e6}.card{width:90%;border:1px solid #add8e6;border-radius:.5rem;overflow:hidden;padding:.5rem;box-shadow:1px 1px 5px #ddd}.card .image{width:100%;height:150px;text-align:center}.card .image img{height:100%}.card button{padding:.5em 1em}.features .container h2{text-align:center}.features .container .card{width:100%;margin:1rem auto;background:#fff;border:5px solid #f5f5f5;border-radius:.5rem;box-shadow:1px 1px 5px gray;outline:1px solid #000;text-align:center;padding:15px;overflow:hidden}.features .container .card *{margin:20px 0}.features .container .card p{font-size:15px}.features .container .card .card-img{margin:auto;opacity:.8;width:50%}.nopage{height:100vh;display:flex;align-items:center;justify-content:center;text-align:center}.nopage .caution{font-size:8em}.login-form{max-width:400px;margin:auto}.login-form input,.login-form select,.login-form textaria{width:100%}.product-list{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem}.product-details .card{width:100%;padding:1rem}.product-details .card .image{width:100%;height:300px}.product-details .card h2{text-align:center}.back-button{float:right;font-size:1rem;border:1px solid #add8e6;border-radius:.3em;padding:.3em .5em;margin:.5rem}.back-button:hover{background-color:#f5f5f5}@media screen and (min-width: 720px){.container{width:90vw;margin:auto}form input,form select{width:initial}.radio-buttons label,.checkboxes label{display:inline-block}.card{min-width:200px;max-width:250px}.product-details .card{min-width:100%;max-width:100%}.banner .container{display:flex;justify-content:space-around;gap:20px}.banner .container .hero{padding:30px 0}.banner .container .hero h2{font-size:2em;margin:0}.banner .container .hero,.banner .container .slider{flex-basis:50%}}