:root{--white:#fff;--darkcolor:#f2e9e4;--lightcolor:#efe2d3;--navcolor:#724e35;--textcolor:#000;font-family:Arial,sans-serif}html{scroll-behavior:smooth;scrollbar-width:none}body{margin:0;padding:0}:root{--aboutwidht:80%}h1{border:5px solid;border-radius:50px;margin-top:calc(3rem + 10px);padding:0 10%}a{color:var(--navcolor);text-decoration:none}a:active{text-decoration:underline;text-decoration-color:var(--navcolor)}p,span{font-weight:700}h3{margin:0}.home{align-items:center;color:var(--textcolor);width:100%}.about{background-color:var(--darkcolor);color:#f0f0f0;flex-direction:column;height:100vh;width:100%}.about,.about .header{align-items:center;display:flex;justify-content:center}.about .header{width:80%;width:var(--aboutwidht)}.about .header-img,.about .header-text{width:50%}.about h2{color:var(--navcolor);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:40px;height:50px}.about h1,.about h2{margin:0;width:80%;width:var(--aboutwidht)}.about h1{border:none;color:var(--white);font-size:3.5em;padding:0}.about .prompt{font-size:30px;width:80%;width:var(--aboutwidht)}.about .prompt p{color:var(--textcolor);margin:15px 0 0;padding:0}.about .contain-button{margin-top:20px;width:80%;width:var(--aboutwidht)}.about .button{border:2px solid var(--navcolor);border-radius:15px;color:var(--navcolor);cursor:pointer;font-size:30px;font-weight:700;padding:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.about .button p{margin:0}.skills{align-items:center;background:var(--lightcolor);display:flex;flex-direction:column;font-size:35px;height:100vh;width:100%}.skills h1{color:var(--textcolor);margin-bottom:0}.skills h2{color:var(--navcolor);font-size:1em;margin-bottom:15px}.list{margin-bottom:0}.skills .list{line-height:.98;list-style:none;width:75%}.list span{font-size:32px}.list ol{margin-bottom:0}.list li:first-of-type h2{margin-top:0}.projects h1{font-size:4em;margin-bottom:0;margin-top:calc(3rem + 10px)}.projects{align-items:center;background:var(--darkcolor);display:flex;flex-direction:column;height:auto;justify-content:center;width:100%}.projects .projectTitle{color:#3e497a;font-size:60px;font-weight:bolder;text-align:center}.projectList{display:grid;grid-template-columns:1fr 1fr 1fr;height:auto;justify-content:center;width:70vw}.skillItem{border-bottom:2px solid var(--navcolor);display:flex}.subSkill{align-items:center;display:flex;justify-content:space-evenly;overflow:hidden;width:85%}.subSkill .skillItem{border-bottom:hidden}.skillItem .bgImage{background-position:50%;background-repeat:no-repeat;background-size:cover;border:5px solid var(--textcolor);border-radius:50%;height:100px;margin:15px;width:100px}.subSkill .bgImage{height:80px;width:80px}.subSkill h2{font-size:13px}.skill{font-size:20px;text-align:center}.skill h2{margin:0 0 2px}.projectItem{background-color:var(--lightcolor);border-radius:15px;box-shadow:0 3px 15px #0003;height:300px;margin:40px;text-align:center;width:300px}.projectItem:hover{box-shadow:0 3px 15px #00000080;cursor:pointer;transition:.3s ease-in}.projectItem .bgImage{background-position:50%;background-repeat:no-repeat;background-size:cover;border-top-left-radius:15px;border-top-right-radius:15px;height:200px;width:100%}.projectItem .bgColor{background-color:#fff;height:200px;width:100%}.projectItem h2{font-size:25px}#skill-area{font-size:20px;line-height:1.2;margin-top:10px}.contact{align-items:center;background:var(--lightcolor);display:flex;flex-direction:column;font-size:35px;height:100vh;width:100%}.contact h1{color:var(--textcolor);margin-bottom:0}.contact .container h2{margin:0}.contact .container{background-color:var(--darkcolor);border-radius:10px;display:flex;margin:40px;padding:20px}.contact .container form{display:flex;flex-direction:column;padding:20px 0 0}.contact .container form input{border:0;border-bottom:solid;border-color:var(--textcolor);font-family:Arial,sans-serif;margin-bottom:25px}.contact .container form input,.contact .container form textarea{background-color:var(--darkcolor);color:var(--textcolor);font-size:large;font-size:25px;padding:5px}.contact .container form textarea{border:solid;border-color:var(--textcolor);border-radius:2px;margin-bottom:15px;resize:none}::placeholder{color:var(--textcolor)}.contact .container form input[type=submit]{background-color:var(--textcolor);border:0;border-bottom:solid;border-color:var(--textcolor);border-radius:3px;color:var(--lightcolor);font-size:large;font-size:25px;margin-bottom:10px}.contact .more{margin:0 20px}.contact .more .contact-link{text-align:left}.contact .more p{font-size:20px;max-width:500px}@media only screen and (max-width:1300px){.projectList{grid-template-columns:1fr 1fr;place-items:center}.contact .container form textarea{font-size:smaller;height:50px}.contact .container{flex-direction:column-reverse}.contact .more p{margin-bottom:5px}.contact .more{margin:0 0 20px}#skill-area{font-size:20px}}@media only screen and (max-width:900px){.projectList{grid-template-columns:1fr;width:100%}.projectItem{height:300px;width:300px}.projects h1{font-size:3.18em}}@media only screen and (max-width:600px){.about h2{width:85%}.about h1{font-size:45px;width:85%}.about .prompt{font-size:20px;margin-top:10px;width:85%}.about .contain-button{width:85%}.skills h2{text-align:center}.list{padding:0}.skills h2{font-size:30px}.skills h1{font-size:40px}.projects h1{font-size:30px}.projectItem h1{font-size:25px}.contact h1{font-size:40px}}@media only screen and (max-height:940px){.about .prompt{font-size:25px}.skills .list{line-height:.92}.list span{font-size:22px}}@media only screen and (max-height:840px){.about .prompt{font-size:22px}.skills .list{line-height:.88}.list span{font-size:20px}}@media only screen and (max-height:780px){.list span{font-size:18px}.about .prompt{font-size:20px}.skills .list{line-height:.88}.skills h2{font-size:.9em}}@media only screen and ((max-height:750px) or (max-width:850px)){.about .header{margin-top:calc(3rem + 2vh)}.about{height:auto;padding-bottom:5vh}.contact,.skills{display:none;height:auto;padding-bottom:5vh}}@media only screen and (max-width:1050px){.skills .list{width:95%}:root{--aboutwidht:95%}}@media only screen and (max-width:1340px){.skills .list{width:85%}:root{--aboutwidht:85%}}@media only screen and (max-width:920px){.skills .list{width:90%}:root{--aboutwidht:90%}.about .header-text{width:100%}.about .header-img{display:none}}.navbar{background-color:var(--navcolor);display:grid;height:3rem;left:0;position:fixed;top:0;width:100%}ul{display:inline-block;height:50%;list-style:none;margin:0 10px 0 0;padding:0}.nav_links,ul{text-align:center}.nav_links{display:flex;gap:1.5rem;margin-bottom:6px}.nav_container{align-items:center;display:flex;height:100%;justify-content:space-between;position:relative;width:99%}.navbar a{background-image:linear-gradient(90deg,var(--white),var(--white));background-position:0 100%;background-repeat:no-repeat;background-size:0 1.5px;color:var(--white);cursor:pointer;font-size:25px;margin:0;padding:0 0 3px;text-decoration:none;transition:background-size .4s ease-in-out}.navbar .nav_links a:hover{background-size:100% 1.5px}.navbar .logo{margin:0 10px}.toggleButton{display:none;margin-right:10px}.toggleButton button{background:#0000;border:none;color:var(--white)}.toggleButton button svg{font-size:40px}#open .nav_links{align-items:center;background-color:var(--navcolor);display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:-1}#open .nav_links li a{font-size:40px}#open .links{flex-direction:column;justify-content:flex-start;margin-top:100px}#open a{text-align:center}.retour{display:block!important}#open .nav_links li{display:block;width:80%}@media only screen and (max-width:840px){.navbar{display:none}}@media (max-width:768px){.toggleButton{display:block}.nav_links li{display:none}.nav_container{width:100%}}.footer{align-items:center;background:var(--navcolor);display:flex;flex-direction:column;height:200px;justify-content:center;padding-top:10px;width:100%}.socialMedia svg{color:var(--white);cursor:pointer;font-size:70px;margin:20px;transition:color .1s ease}.socialMedia svg:hover{color:var(--textcolor)}.footer span{color:var(--white);font-size:25px}@media only screen and (max-width:600px){.footer svg{font-size:50px}}.project{align-items:center;background:var(--lightcolor);display:flex;flex-direction:column;justify-content:center;text-align:center;width:100%}.project h1{border:none;color:var(--textcolor);font-size:35px;margin-top:50px}.project img{border-radius:10px;max-width:700px;width:70%}.project p{color:var(--textcolor);font-size:40px}.project span{color:var(--textcolor);font-size:25px;margin-bottom:10px;max-width:750px;text-align:center}.project svg{color:var(--textcolor);font-size:60px}.preloader{align-items:center;background-color:var(--darkcolor);color:var(--white);display:flex;font-family:Arial,Helvetica,sans-serifs;font-size:7vw;font-weight:700;height:100vh;justify-content:center;width:100%}.preloader h1{border:none;color:#fff;font-size:7vw;margin:0;text-align:center}.preloader h1 .title{animation:reveal-title 1s 1.6s forwards;display:inline-block;transform:translateX(20%)}.preloader h1 span span{animation:move-text .75s forwards;bottom:-1em;opacity:0;position:relative}.preloader .cont{display:inline-flex;overflow:hidden}.preloader .reveal{animation:reveal-anim 1s 1.8s forwards;display:inline-block;font-weight:lighter;opacity:0;z-index:1}@keyframes reveal-title{0%{transform:translateX(20%)}to{transform:translateX(-3%)}}@keyframes reveal-anim{0%{opacity:0;transform:translateX(-40%)}to{opacity:1;transform:translateX(0)}}@keyframes move-text{0%{bottom:-.2em;opacity:0}to{bottom:0;opacity:1}}
/*# sourceMappingURL=main.a8f68a98.css.map*/