@import url(https://fonts.googleapis.com/css2?family=Catamaran&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);*{margin:0;padding:0;box-sizing:border-box;list-style-type:none;outline:none;border:none;text-decoration:none}body{background-color:#1d1d1d;overflow:hidden}a,div,li,p{color:#fff;font-family:"Catamaran",sans-serif}.container{background-color:#1d1d1d;width:100%;height:100vh;top:0;left:0;color:#fff;z-index:-1;overflow:hidden}h1,h2,h3,h4,h5{font-family:"Roboto",sans-serif}.navigation{position:absolute;top:1rem;left:1rem;font-size:1.125rem;line-height:1.75rem;z-index:10;transform:translateY(-100%);animation:navProject 1s ease forwards}@media screen and (max-width:900px){.navigation{font-size:.75rem}}.navigation:before{content:"";position:absolute;height:18.75rem;width:18.75rem;border-radius:50%;background-color:#15616d;z-index:-1;top:-9.375rem;left:-10rem;animation:navAnim 20s infinite alternate}@media screen and (max-width:900px){.navigation:before{height:12.5rem;width:12.5rem;top:-6.25rem;left:-6.3125rem}}.navigation .nav-active{color:#fff}@keyframes navProject{to{transform:translateY(0)}}.navigation ul:hover li:not(:hover),.nav ul:hover li:not(:hover){opacity:.5}ul:hover li:hover{color:#fff}.nav{top:5px;left:60%;font-size:1.1rem;line-height:20px;transform:translateY(-100%);animation:navProject 1s ease forwards;position:absolute}@media screen and (max-width:900px){.nav{top:1rem;left:1rem;font-size:.75rem;line-height:1.75rem}}.nav:before{content:"";position:absolute;height:18.75rem;width:18.75rem;border-radius:50%;background-color:#15616d;z-index:-1;left:-120px;top:-200px;animation:navAnim 20s infinite alternate}@media screen and (max-width:900px){.nav:before{height:12.5rem;width:12.5rem;top:-6.25rem;left:-6.3125rem}}.nav .nav-projects{transform:translateX(67px);padding:0 20px}@keyframes navAnim{50%{transform:scale(1.2)}to{transform:scale(1)}}.socialNetwork{position:absolute;right:1rem;top:1rem;width:20%;font-size:1.0625rem}@media screen and (max-width:650px){.socialNetwork{width:30%}}.socialNetwork ul{display:flex;width:70%;min-width:6.25rem;justify-content:space-between}.socialNetwork ul a{padding:1rem;transition:1.1s ease-out}.socialNetwork ul li{cursor:pointer}.container{position:absolute;z-index:1}.container:after{content:"";height:56.25rem;width:56.25rem;border:1px solid #15616d;border-radius:50%;position:absolute;bottom:-30rem;right:0;z-index:-2;animation:homeAnim 15s infinite alternate}@media screen and (max-width:650px){.container:after{height:25rem;width:25rem;bottom:-16.875rem}}@keyframes homeAnim{50%{transform:scale(.8)}to{transform:scale(1.1)}}.container .home-main{display:flex;justify-content:center;align-items:center;text-align:center;height:95%;width:100%}.container .home-main .home-content{position:relative}.container .home-main h1,.container .home-main h2{font-size:3.25rem;letter-spacing:.125rem}@media screen and (max-width:650px){.container .home-main h1,.container .home-main h2{font-size:1.875rem}}.container .home-main h1:before{content:"";width:100px;height:100px;border-radius:50%;border:1px solid #15616d;position:absolute;left:-50px;top:-20px;z-index:-1;animation:homeAnim 20s infinite alternate}@media screen and (max-width:650px){.container .home-main h1:before{top:-5px;left:-25px;width:25px;height:25px}}.dynamic-text{display:flex;position:relative;font-size:48px}@media screen and (max-width:650px){.dynamic-text{font-size:1.125rem}}.dynamic-text .my{color:#c9e4de}.dynamic-text .Typewriter{display:flex;text-align:left;perspective:200px;animation:color 30s infinite alternate}@keyframes color{0%{color:#e63946}50%{color:#fb8b24}to{color:#a8dadc}}.scroll-bottom{position:absolute;left:50%;transform:translate(-50%,-50%);bottom:1rem;perspective:40px;z-index:10}.scroll-bottom .sb-main{display:flex;justify-content:center;align-items:center;transform:rotateX(25deg) scaleY(.8);transform-origin:bottom;transition:.4s}@media screen and (max-width:650px){.scroll-bottom .sb-main{transform:rotateX(0deg) scaleY(1)}}.scroll-bottom .sb-main:hover{transform:rotateX(0deg) scaleY(1)}.scroll-bottom .sb-main span{padding-left:.625rem;padding-right:.625rem;font-size:1.375rem}.scroll-bottom .sb-main span:hover{opacity:.7}.scroll-bottom .sb-main p{font-size:1.375rem}.educ-containt{display:grid;grid-template-columns:1fr 1fr;height:100vh;place-items:center}@media screen and (max-width:650px){.educ-containt{grid-template-columns:1fr;padding:0 15%}}.educ-containt .grid-left{grid-column:1/2}@media screen and (max-width:650px){.educ-containt .grid-left h1{font-size:1.375rem}}@media screen and (max-width:650px){.educ-containt .grid-left h1 p{font-size:.75rem}}.educ-containt .grid-right{grid-column:2/3;position:relative;height:100vh}.educ-containt .grid-right .circle-1{width:100px;height:100px;border-radius:50%;border:1px solid #fff;position:absolute;top:25px;left:-110px;z-index:5;cursor:pointer}.educ-containt .grid-right .circle-2{width:300px;height:300px;z-index:4;top:54px;left:-85px;cursor:pointer;position:absolute;border-radius:50%;border:1px solid #e9c46a}@media screen and (max-width:450px){.educ-containt .grid-right .circle-2{width:200px;height:200px}}.educ-containt .grid-right .circle-3{width:195px;height:195px;z-index:4;top:285px;left:-187px;cursor:pointer;position:absolute;border-radius:50%;border:1px solid #bdb2ff}.educ-containt .grid-right .circle-4{width:195px;height:195px;z-index:4;bottom:10px;right:-120px;cursor:pointer;position:absolute;border-radius:50%;border:1px solid #e63946}.project-main{display:grid;height:70%;grid-template-rows:30% 70%;grid-template-columns:1fr;margin:7rem 1rem}@media screen and (min-width:600px){.project-main{width:100%;grid-template-columns:30% 70%;grid-template-rows:1fr;margin:10rem 1rem}}@media (orientation:landscape) and (max-width:900px){.project-main{width:80%;margin:3rem 8rem}}@media (orientation:landscape) and (max-width:580px){.project-main{width:50%;margin:1rem 11rem}}.project-main h1{animation:transformTitle 1.5s ease forwards;transform:scaleY(0);transform-origin:150%;font-size:22px;color:#c9e4de}@media screen and (min-width:600px){.project-main h1{transform:scaleX(0);font-size:2rem}}@keyframes transformTitle{to{transform:scaleY(1);@media screen and (min-width:600px){transform:scaleX(1)}}}.project-main .project-content{display:flex;width:100%;height:100%;align-items:center;justify-content:space-between}@media screen and (min-width:600px){.project-main .project-content{flex-direction:column;justify-content:space-evenly;height:50%}.project-main .project-content:before{content:"";width:150px;height:150px;border:1px solid #fb8b24;border-radius:50%;position:absolute;top:5rem;left:.9375rem;z-index:-1;animation:circleTitre 30s ease-in-out infinite}}@keyframes circleTitre{0%{transform:translateX(0)}50%{transform:translateX(100px)}to{transform:translateX(0)}}.project-main .img-container{position:relative}.project-main .img-container:hover span,.project-main .img-container span:hover{visibility:visible;transform:translateY(0)}.project-main .img-container span{position:absolute;top:15px;color:#1d1d1d;transform:translateY(200px);visibility:hidden;transition:.4s ease-out;margin:20px}@media screen and (max-width:600px){.project-main .img-container span{margin:5px}}.project-main .img-container span h3{font-size:3rem;color:#15616d;line-height:70px}@media screen and (max-width:600px){.project-main .img-container span h3{line-height:20px;margin-bottom:unset;font-size:1.375rem}}.project-main .img-container span p{width:200px;font-size:.875rem}.project-main .img-container img{width:100%;object-fit:cover;object-position:center;transition:.4s ease-out}.project-main .img-container img:hover{transform:scale(1.01);-webkit-filter:opacity(15%) contrast(150%);filter:opacity(15%) contrast(150%)}@media screen and (min-width:600px){.project-main .img-container img{width:80%}}.button-container{margin-top:.9375rem}@media (orientation:landscape) and (max-width:580px){.button-container{margin:unset}.button-container span{font-size:.75rem;padding:.4rem!important}}.button-container span{background:#15616d;padding:.625rem;font-size:.75rem;border-radius:62.4375rem;animation:.4s ease-out}.button-container span:hover{-webkit-filter:opacity(80%);filter:opacity(80%)}
/*# sourceMappingURL=main.1396d31f.chunk.css.map */