@import url(https://fonts.googleapis.com/css?family=Montserrat|Poppins|Oswald|Sen&display=swap);
html{scroll-behavior:smooth}body{margin:0;padding:0}.heading-1{font-family:"Sen",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;text-align:center;font-size:2em}footer{display:flex;flex-direction:row;justify-content:space-around;align-items:center;height:9vh;background-color:#EE1D1D}footer div{color:#fff}footer div:first-child{font-family:"Poppins",cursive}footer div:last-child{font-family:"Montserrat",'Times New Roman', Times, serif}nav{display:flex;flex-direction:row;justify-content:space-around;align-items:center;position:fixed;width:100%;left:0;top:0;height:9vh;background-color:#EE1D1D;z-index:99}.nav-logo>img{width:80px;-o-object-fit:cover;object-fit:cover}.nav-bars{width:26px;transition:transform .4s}.nav-bars .line{background-color:#fff;height:4px;margin-bottom:.25em}.nav-bars:active{transform:scale(0.8)}.nav-wrapper{position:absolute;width:60vw;display:flex;flex-direction:column;justify-content:space-around;background-color:#EE1D1D;margin:0;padding:0;list-style:none;top:9vh;bottom:0;right:0;height:91vh;box-sizing:border-box;transform:translateX(100%);opacity:0;transition:transform .5s ease-out,opacity .5s;touch-action:none}.nav-link{transform:translateX(10%);opacity:0}.nav-link a{text-decoration:none;color:#fff;margin-left:1em;font-family:"Poppins",cursive;text-transform:uppercase;letter-spacing:1px}.nav-active{transform:translateX(0);opacity:1}@media (min-width: 1024px){nav{display:block}.nav-logo,.nav-bars{display:none}.nav-wrapper{position:static;width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;transform:translateX(0);opacity:1;height:100%}.nav-link{transform:translateX(0);opacity:1}.nav-link a{margin:0 1em;margin-left:0}.nav-link a:hover{border-bottom:2px solid #fff}}header{margin-top:10vh;margin-bottom:2em;display:flex;flex-direction:column;justify-content:center;align-items:center}header p,header h1{font-family:"Sen",sans-serif;font-weight:600;text-align:center}header h1{font-size:1.5em}header div{font-family:"Oswald",'Times New Roman', Times, serif;font-size:1.6em;font-weight:600;border-left:5px solid #EE1D1D;padding:.25em}header span{color:#EE1D1D}@media (min-width: 768px){header h1{font-size:2.2em}header div{font-size:2.1em}header p{font-size:1.5em}}#aboutme{overflow-x:hidden}.profil{display:inline-flex;justify-content:space-around;margin:0;padding:0}.profil-img{width:90vw;margin:0 5vw}.profil-img img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.profil-content{width:90vw;margin:0 5vw;padding:.25em;box-sizing:border-box;font-family:"Montserrat",cursive;font-size:1.1em}.profil-content mark{background-color:transparent;color:#EE1D1D;font-weight:600}.profil-content i{font-weight:600}.profil-footer{display:flex;justify-content:space-evenly}.profil-footer a{text-decoration:none;color:#fff;background-color:#EE1D1D;font-weight:600;font-family:"Poppins",cursive;padding:.365em .5em}.slide-item{transform:translateX(0);touch-action:pan-y;transition:transform .5s ease-out}.slide-item:first-child{position:relative}.show-direction{position:absolute;background:#0000009c;top:0;right:0;height:100%;width:100%;display:flex;justify-content:flex-end;align-items:center;font-size:3em;color:#fff;opacity:0;visibility:hidden}.show-direction i{margin-right:.5em}.show-direction.active{opacity:1;visibility:visible}.show-direction.active i{-webkit-animation:showDirectionAnimation .7s ease-in-out 3 alternate;animation:showDirectionAnimation .7s ease-in-out 3 alternate}@media (min-width: 768px){.profil{display:flex;justify-content:space-around;width:99%;margin:auto}#aboutme{overflow-x:initial}}@media (min-width: 1024px){.profil{width:85%;margin:auto}}.course-wrapper{width:90%;margin:auto}.course-item{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.course-number{flex-basis:15%}.course-number span{box-sizing:border-box;padding:.4em .7em;border-radius:100px;background-color:#EE1D1D;color:#fff;font-weight:600;font-size:1.6em;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif}.course-body{font-family:"Poppins",cursive;flex-basis:80%}.course-body h3{margin-top:1px;margin-bottom:2px;font-weight:300;font-size:1.9em}.course-body h5{margin-top:0;color:#817f7ff8}@media (min-width: 768px){.course-wrapper{width:60%;margin:auto}}@media (min-width: 1024px){.course-wrapper{width:98%;margin:auto;display:flex;flex-direction:row-reverse;justify-content:space-around;align-items:flex-start}.course-item{display:flex;flex-direction:column;justify-content:center;align-items:center;width:30vw;transition:all .3s ease-in;cursor:pointer;height:300px}.course-item:hover{transform:translateY(-8%);box-shadow:0 0 7px rgba(20,20,20,0.741176)}.course-item:nth-child(2) .course-body{padding:0 1em}.course-body{text-align:center}.course-number{margin-bottom:1em}}.box{width:95%;box-shadow:0 0 16px rgba(165,162,162,0.294118);border-radius:3px;margin:1em auto;box-sizing:border-box;padding:1em}.box-img{width:200px;height:200px;margin:auto}.box-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.box-title{font-family:"Oswald",'Times New Roman', Times, serif;text-align:center;font-size:1.9em;margin:0}.box-content{font-family:"Poppins",cursive;text-align:center}@media (min-width: 768px){.service-content{display:flex;justify-content:space-around}.service-content .box{margin:2em}}@media (min-width: 1024px){.service-content{width:80%;margin:auto}.service-content .box{transition:transform .3s ease-in;cursor:pointer}.service-content .box:hover{transform:translateY(-9%);box-shadow:0 0 16px rgba(20,20,20,0.741176)}}.card{position:relative;width:90%;margin:1em auto}.card img{width:100%;-o-object-fit:cover;object-fit:cover}.card-front{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;transform:translateY(-1%);background:linear-gradient(to bottom, rgba(0,0,0,0.505882), rgba(32,32,32,0.745098));color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center}.card-front p{font-size:1.3em;font-family:"Poppins",monospace;text-align:center}.card-front a{text-decoration:none;color:#fff;font-size:1em;border:1px solid #fff;padding:4px 10px;font-family:"Poppins",cursive}@media (min-width: 768px){.achievement-content{display:flex;justify-content:space-around;flex-wrap:wrap}.achievement-content .card{width:45vw}}@media (min-width: 1024px){.achievement-content .card{width:25vw}.card{overflow:hidden}.card .card-front{background:#EE1D1D;transform:translateY(100%) rotate(45deg);opacity:0;transition:transform .4s ease-out,opacity .5s ease-in}.card:hover .card-front{transform:translateY(-1%) rotate(0);opacity:1}.card-front a{background-color:#EE1D1D}.card-front a:hover{background-color:#fff;color:#EE1D1D}}#contact address{display:flex;flex-direction:row;justify-content:space-around;align-items:flex-start;flex-wrap:wrap;margin-bottom:3em}.contact-box a{text-decoration:none;color:#EE1D1D;font-size:1.9em;padding:.35em .45em;box-shadow:0 0 10px rgba(165,162,162,0.294118);border-radius:10px}.contact-box:nth-child(3) a{padding:.35em .5em}@media (min-width: 768px){.contact-box{transform:scale(1.3)}}@media (min-width: 1024px){.contact-box{transition:all .3s ease-out}.contact-box a{padding:.35em .5em}.contact-box a:hover{background-color:#EE1D1D;color:#fff}.contact-box:hover{transform:scale(1.5)}.contact-box:nth-child(3) a{padding:.35em .65em}}.skill-content{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;width:90%;margin:auto}.skill-content span{box-sizing:border-box;border:0.9px solid #EE1D1D;padding:.35em .9em;margin-right:.7em;border-radius:7px;margin-bottom:1em;font-family:'Poppins', cursive}.skill-content span.primary{background-color:#EE1D1D;color:#fff}@media (min-width: 1024px){.skill-content{display:flex;justify-content:space-around;align-items:center;width:60%;margin:auto}}@-webkit-keyframes fadeInLeft{from{transform:translateX(10%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes fadeInLeft{from{transform:translateX(10%);opacity:0}to{transform:translateX(0);opacity:1}}@-webkit-keyframes fadeInBottom{from{opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeInBottom{from{opacity:0}to{transform:translateY(0);opacity:1}}@-webkit-keyframes showDirectionAnimation{from{transform:translateX(-20px)}to{transform:translateX(0)}}@keyframes showDirectionAnimation{from{transform:translateX(-20px)}to{transform:translateX(0)}}[data-animation]{transform:translateY(10%);opacity:0}