@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Montserrat,sans-serif;font-size:16px}:root{--dark-bleu:#0d0f1a;--sky-bleu:#23a6f0;--red:#e74040;--light-sky-bleu:#b2e3ff;--light-orange:#e77c4e;--light-gray:#737373;--yellow:#f3cd03;--green:#2dc071;--light-green:#b9eaa8}ul{list-style:none}a{text-decoration:none}p{line-height:1.4}header{background-color:#0d0f1a;background-color:var(--dark-bleu)}.navbar{align-items:center;display:flex;height:80px;justify-content:space-between;margin:auto}a{color:#fff;font-size:14px}.navbar .logo{font-size:24px;font-weight:700}.navbar .logo span{color:#23a6f0;color:var(--sky-bleu)}.navbar ul{display:flex}.navbar ul li a{cursor:pointer;font-weight:600;margin:0 10px;transition:.3s}.navbar ul li a:hover{color:#23a6f0;color:var(--sky-bleu)}.navbar .account{cursor:pointer}.navbar .account .join{background-color:#23a6f0;background-color:var(--sky-bleu);border-radius:5px;margin-inline:5px;padding:10px}.navbar .account .join svg{margin:2px;vertical-align:middle}.home{background-color:#0d0f1a;background-color:var(--dark-bleu);padding:1rem 0}.container{margin:auto;max-width:90vw}.home .home-header{color:#fff;margin:auto;max-width:400px;text-align:center}.home .home-header h1{color:#fff;font-size:40px;margin:20px 0}.home .home-header p{color:#fff;line-height:1.6;margin-bottom:30px}.home .home-header .btn{border:1px solid #23a6f0;border:1px solid var(--sky-bleu);border-radius:5px;cursor:pointer;font-size:16px;font-weight:600;margin:5px;padding:10px 30px;transition:.2s}.home .home-header .btn.btn-sky-bleu{background-color:#23a6f0;background-color:var(--sky-bleu);color:#fff}.home .home-header .btn.btn-sky-bleu:hover{background-color:initial;color:#23a6f0;color:var(--sky-bleu)}.home .home-header .btn.btn-transparent{color:#23a6f0;color:var(--sky-bleu)}.home .home-header .btn.btn-transparent:hover{background-color:#23a6f0;background-color:var(--sky-bleu);color:#fff}.home .card-container{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-around;margin-top:5rem}.home .card-container .card{background-color:#fff;border-radius:10px;margin:5px;padding:25px;text-align:left;transition:.5s;width:300px}.home .card-container .card:hover{scale:1.05}.home .card-container .card .icon{border-radius:5px;padding:12px;text-align:center;width:20px}.home .card-container .card .icon svg{font-size:22px;height:20px}.home .card-container .card h2{color:#0d0f1a;color:var(--dark-bleu);margin-top:15px}.home .card-container .card .line{background-color:#23a6f0;background-color:var(--sky-bleu);display:block;height:2px;margin:15px 0;width:50px}.text-primary{color:#23a6f0;color:var(--sky-bleu)}.courses,.reviews{padding:2rem 0;text-align:left}.courses .section-header h2,.reviews .section-header h2{color:#0d0f1a;color:var(--dark-bleu);font-size:35px;margin:15px 0}.courses .courses-container{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-around;margin:2rem}.courses .courses-container .course{border-radius:5px;box-shadow:5px 5px 10px #9494943e;cursor:pointer;margin:15px;padding:15px;position:relative;transition:.5s;width:350px}.courses .courses-container .course:hover{scale:1.05}.courses .courses-container img{border-radius:5px;height:200px;width:100%}.courses .courses-container .sale{background-color:#e74040;background-color:var(--red);border-radius:5px;color:#fff;font-weight:700;padding:5px;position:absolute;z-index:1000}.courses .courses-container .content{align-items:center;color:#737373;color:var(--light-gray);display:flex;font-size:14px;justify-content:space-between;padding:15px}.courses .courses-container .content .rating p{display:inline}.courses .courses-container .content .rating{background-color:#0d0f1a;background-color:var(--dark-bleu);border-radius:5px;color:#fff;padding:5px 10px}.courses .courses-container .content .departement{color:#23a6f0;color:var(--sky-bleu);font-weight:600}.courses .courses-container .course h3{color:#0d0f1a;color:var(--dark-bleu);margin:10px 0}.courses .courses-container .sales{font-weight:600;margin:10px 0}.courses .courses-container .course-info{align-items:center;display:flex;margin:15px 0}.courses .courses-container .course-info p{margin:0 5px}.courses .courses-container .btn-learn{border:1px solid #23a6f0;border:1px solid var(--sky-bleu);border-radius:20px;color:#23a6f0;color:var(--sky-bleu);cursor:pointer;padding:5px;transition:.2s}.courses .courses-container .btn-learn:hover{background-color:#23a6f0;background-color:var(--sky-bleu);color:#fff}.reviews .container .ratings{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-around;margin-top:2rem}.reviews .container .ratings .piece{border-radius:5px;box-shadow:5px 5px 10px #9494943e;padding:10px;transition:.5s;width:300px}.reviews .container .ratings .piece:hover{scale:1.05}.reviews .container .ratings .stars{text-align:center}.reviews .container .ratings .stars svg{color:#f3cd03;color:var(--yellow);margin:5px 2px}.reviews .ratings .person img{border-radius:50%;height:50px;margin:20px;width:50px}.reviews .ratings .description{color:#0d0f1a;color:var(--dark-bleu);font-size:14px;margin-top:10px;text-align:center}.join-us,.reviews .ratings .person{align-items:center;display:flex;justify-content:center}.join-us{background-color:#0d0f1a;background-color:var(--dark-bleu);padding:4rem 0}.join-us .content{color:#fff;max-width:50%}.join-us .content h2{font-size:36px;margin:15px 0}.join-us .content form{margin:15px 0;position:relative}.join-us .content form input{border:none;border-radius:5px;font-size:12px;height:50px;padding:12px;width:100%}.join-us .content form button{background-color:#23a6f0;background-color:var(--sky-bleu);border:none;border-bottom-right-radius:5px;border-top-right-radius:5px;color:#fff;height:50px;padding:12px;position:absolute;right:0;top:0}footer .footer-row{display:flex;flex-wrap:wrap;justify-content:space-around;padding:4rem 0}footer .footer-row h2{color:#0d0f1a;color:var(--dark-bleu);margin-bottom:20px}footer .footer-row p{color:#737373;color:var(--light-gray);margin:10px 0}footer .footer-row .social{margin-bottom:20px}footer .footer-row .social a{color:#23a6f0;color:var(--sky-bleu);font-size:20px;margin-right:10px}footer .footer-row ul li{margin:10px 0}footer .footer-row ul li a{color:#737373;color:var(--light-gray)}.close,.menu{background:none;border:none;color:#fff;cursor:pointer;display:none;font-size:34px}@media (max-width:1025px){.courses .courses-container .course{width:25%}.courses .courses-container .course img{width:200px}.courses .courses-container .course .content{justify-content:space-between;width:100%}.courses .courses-container .course .sale{font-size:12px}.courses .courses-container .course .content .departement{font-size:15px;margin:0 5px}.home .card-container .card{width:31%}.home .card-container .card span svg{font-size:16px}.home .card-container .card h2{font-size:18px}.reviews .container .ratings .piece{width:30%}.reviews .container .ratings .rating .description{font-size:12px}}@media (max-width:700px){.menu{display:block}.close{margin-top:10px;position:relative;right:-180px;top:-20px}header .container .navbar ul{background-color:#0d0f1a;background-color:var(--dark-bleu);border-bottom-right-radius:10px;display:flex;flex-direction:column;height:100vh;left:0;padding:30px 10px;position:fixed;top:0;transition:1s;width:100vw;z-index:1001}.close{display:block}header .container .navbar ul li{background-color:#23a6f0;background-color:var(--sky-bleu);border:1pa solid #fff;border-radius:10px;margin:10px 0;padding:10px;width:100%}header .container .navbar ul li a:hover{color:#0d0f1a;color:var(--dark-bleu)}.home .home-header h1{font-size:30px}.home .home-header .btn{padding:5px 15px}footer .footer-row h2{font-size:14px}footer .footer-row .social a{font-size:10px}footer .footer-row .col{width:20%}}@media (max-width:550px){.courses .courses-container,.home .card-container,.reviews .container .ratings{flex-direction:column}.courses .courses-container .course,.home .card-container .card,.reviews .container .ratings .piece{margin:20px 0;width:80vw}.courses .courses-container .course img{width:100%}.courses .section-header h2,.reviews .section-header h2{font-size:24px}.courses .section-header p,.reviews .section-header p{font-size:15px}.join-us .content{max-width:80vw}.navbar .logo{font-size:16px}}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{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}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.620e1c3a.css.map*/