@font-face{font-family:"Italiana";src:url("../fonts/Italiana-Regular.ttf");font-style:normal}@font-face{font-family:"Josefin";src:url("../fonts/JosefinSans-VariableFont_wght.ttf");font-style:normal}@keyframes fadeDown{from{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.fade-down{animation:fadeDown 1s ease-in-out}@keyframes fadeUp{from{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp 1s ease-in-out}@keyframes slideUpInf{0%{transform:translateY(0)}50%{transform:translateY(-10px)}100%{transform:translateY(0)}}.fade-up-inf{animation:slideUpInf 2s infinite ease}@keyframes fadeRight{from{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}.fade-right{animation:fadeRight 1s ease-in-out}@keyframes fadeLeft{from{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}.fade-left{animation:fadeLeft 1s ease-in-out}@keyframes FadeFarLeft{from{opacity:0;transform:translateX(275px)}to{opacity:1;transform:translateX(0)}}.fade-far-left{animation:FadeFarLeft 1s ease-in-out}@keyframes Spawn{from{opacity:0}to{opacity:1}}.Spawn{animation:Spawn 1.5s ease-in-out}@keyframes flashing{0%{color:#000}50%{color:#de4269;font-weight:bold}100%{color:#000}}.flashing{animation:flashing 5s infinite ease}.grow{transition:all .2s ease-in-out}.grow:hover{transform:scale(1.1)}@keyframes gradientBorder{0%{border-image:linear-gradient(0deg, #de4269, purple);border-image-slice:1}10%{border-image:linear-gradient(36deg, #de4269, purple);border-image-slice:1}20%{border-image:linear-gradient(72deg, #de4269, purple);border-image-slice:1}30%{border-image:linear-gradient(108deg, #de4269, purple);border-image-slice:1}40%{border-image:linear-gradient(144deg, #de4269, purple);border-image-slice:1}50%{border-image:linear-gradient(180deg, #de4269, purple);border-image-slice:1}60%{border-image:linear-gradient(216deg, #de4269, purple);border-image-slice:1}70%{border-image:linear-gradient(252deg, #de4269, purple);border-image-slice:1}80%{border-image:linear-gradient(288deg, #de4269, purple);border-image-slice:1}90%{border-image:linear-gradient(324deg, #de4269, purple);border-image-slice:1}100%{border-image:linear-gradient(360deg, #de4269, purple);border-image-slice:1}}.gradient-border{animation:gradientBorder 1s infinite ease-in-out}html body>main .projects #filterbar>input:focus,html body>main #formulaire>.formulaire input:focus,html body>main #formulaire>.formulaire textarea:focus,html body>main #formulaire>.formulaire #btnForm:focus{outline:solid 2px #de4269;background-color:#e0ffff;border-radius:12px}html body>main .projects #filterbar>input,html body>main .projects .card-pro,html body>main .projects .card-pro .visitBtn,html body>main>.mentions .card-mentions,html body>main #formulaire>.formulaire input,html body>main #formulaire>.formulaire textarea,html body>main #formulaire>.formulaire #btnForm{border-radius:12px}html body,html body>main .resume .cv{display:flex;flex-direction:column}html body>main>.container>#container-home div h1,html body>main>.container>#container-home .gitProfilePicture,html body>main .projects h1,html body>main .projects>p,html body>main .projects #filterbar,html body>main .projects .card-pro>header>h4,html body>main .resume h1,html body>main>.mentions>p,html body>main>.mentions .card-mentions>header>h4,html body>main>.mentions h1,html body>main #formulaire,html body>main #formulaire h1,html body>main #formulaire>.formulaire input,html body>main #formulaire>.formulaire textarea,html body footer{text-align:center}html body>header>nav>.navigation ul,html body>header>nav>.navigation ul>li,html body>header>nav>.navigation ul>li>a,html body>main .projects .card-pro .visitBtn{text-decoration:none;list-style:none}html body>header>nav>.navigation ul{display:flex}html body>main .projects h1,html body>main .resume h1,html body>main>.mentions h1,html body>main #formulaire h1{font-size:9em}html body>main>.container>#container-home p{margin-top:2em}html body>main>.container>#container-home p,html body>main .resume p{text-align:justify}html body>main>.container>#container-home #devImg img,html body>main .projects .card-pro>article>img,html body>main>.mentions .card-mentions>article>img,html body>main>.mentions .card-mentions{height:auto}html body>header>nav>.navigation ul,html body>main .projects .card-pro>article>img,html body>main>.mentions .card-mentions>article>img,html body>main #formulaire{width:100%}html body>header>nav>.navigation ul,html body>main>.container,html body>main .projects .card-pro img,html body>main>.mentions .card-mentions img{padding:0}html body>main>.container>#container-home .gitProfilePicture,html body>main>.container>#container-home .gitProfilePicture>img{height:20em}@media screen and (min-width: 430px)and (max-width: 1024px){html>body main #formulaire h1,html>body main .mentions h1{font-size:5em}}html{background-image:url(../assets/imgs/fond.jpg);background-attachment:fixed;background-size:cover;background-repeat:none;transition:all .5s ease}html.black{background-image:url(../assets/imgs/fondDark.jpg)}html body{font-family:"Josefin","sans-serif";background-color:hsla(0,0%,100%,.85);margin:0em 15em 0em 15em;padding:0em 1em;min-height:100vh;transition:all .5s ease}html body.black{background-color:rgba(71,71,71,.85);color:#fff;transition:all .5s ease}html body.black .navigation a{color:#fff}html body.black .navigation a:hover{color:#a68bf1;background-color:rgba(255,13,215,.4)}html body.black .card-pro{background-color:#272727 !important;color:#fff}html body.black .card-mentions{background-color:#272727 !important;color:#fff}html body.black .gitProfilePicture>img{border:solid 2px #de4269 !important}html body.black .modal-container{color:#000}html body>header>nav>.navigation{margin-top:.5em}html body>header>nav>.navigation ul{flex-direction:row;margin:0}html body>header>nav>.navigation ul>li{margin-top:.5em;padding:.5em .5em .5em .5em}html body>header>nav>.navigation ul>li>a{color:#242424;padding:.6em}html body>header>nav>.navigation ul>li>a:hover{transition:all ease .5s;background-color:rgba(166,139,241,.4);border-radius:10px 5px 5px;color:#ff0dd7;cursor:pointer}html body>header .form-box{margin-top:.5em}html body>header .form-box .fa-sun{color:#fff}html body>header .form-box .button-box{width:80px;position:relative;border-radius:30px;background-color:#fff;border:solid 2px #000}html body>header .form-box .button-box #btn{left:0;top:0;position:absolute;width:40px;height:100%;background:#f0bc6f;border-radius:30px;transition:.5s}html body>header .form-box .button-box .toggle-btn{padding:5px 10px;cursor:pointer;background-color:rgba(0,0,0,0);border:0;outline:none;position:relative;text-align:center}html body>header #scrollToTopBtn{position:fixed;z-index:1000;bottom:20px;right:20px;width:50px;height:50px;background-color:#08bdb9;color:#fff;border:none;border-radius:50%;font-size:24px;display:none;cursor:pointer;box-shadow:0 4px 10px rgba(0,0,0,.3);transition:opacity .3s,transform .3s}html body>header #scrollToTopBtn:hover{background-color:#00c4e1;transform:scale(1.1)}html body>main{padding-top:1em;display:flex;justify-content:center}html body>main>.container{margin:0}html body>main>.container .row{justify-content:center}html body>main>.container>#container-home div h1{font-size:12.3em;font-family:"Italiana","sans-serif"}html body>main>.container>#container-home #devImg img{width:35%}html body>main>.container>#container-home p{margin:.5em;margin-bottom:2em;font-size:22px}html body>main>.container>#container-home .gitProfilePicture{width:100%;border-radius:50%}html body>main>.container>#container-home .gitProfilePicture>img{object-fit:cover;width:20em;border-radius:50%;border:solid 2px #0bdfe0}html body>main .projects #filterbar{margin-bottom:1em}html body>main .projects #filterbar>input{border:solid 2px #6c125c;padding:5px;width:20em}html body>main .projects .card-pro{background-color:#fff;box-shadow:10px 10px 5px #adadad;padding-top:.5em;margin:.5em;width:90%}html body>main .projects .card-pro .card-body{padding:0}html body>main .projects .card-pro .card-footer{padding-bottom:1em}html body>main .projects .card-pro>header>h4{font-size:30px}html body>main .projects .card-pro p{padding-top:.5em}html body>main .projects .card-pro .visitBtn{color:#de4269;padding:.5em;background-color:rgba(108,18,92,.2)}html body>main .projects .card-pro .visitBtn:hover{color:#6c125c;background-color:rgba(222,66,105,.2);transform:all 1s ease-in-out}html body>main .resume p{line-height:1.5em;font-size:1.4em}html body>main>.mentions .card-mentions{background-color:#fff;box-shadow:10px 10px 5px #adadad;padding-top:.5em;margin:.5em;width:90%;padding:1em}html body>main>.mentions .card-mentions .card-body{padding:0}html body>main>.mentions .card-mentions .card-footer{padding-bottom:1em}html body>main>.mentions .card-mentions>header>h4{font-size:30px}html body>main>.mentions .card-mentions p{padding-top:.5em}html body>main #formulaire>.formulaire input{width:50%;padding:.3em;border:solid 2px #6c125c}html body>main #formulaire>.formulaire textarea{width:50%;padding:.3em;border:solid 2px #6c125c}html body>main #formulaire>.formulaire #btnForm{padding:.4em;margin:.5em 0em 1em 0em;border:solid 2px #6c125c}html body>main #formulaire #modal{display:none;position:absolute;left:50%;top:45%;transform:translate(-50%, -50%);background-color:#ececec;border:solid 3px #000;border-image:linear-gradient(0deg, pink, purple);border-image-slice:1;width:20em;text-align:center}html body>main #formulaire #modal .modal-contents{padding:1em}html body>main #formulaire #modal .modal-contents .modalBtn{border:solid 2px #000;border-radius:8px;margin:.5em;padding:.3em;width:5em;margin-bottom:.7em}html body>main #formulaire #modal.active{display:block}html body>main #formulaire #infoContact{margin-top:5em}html body footer{margin-top:auto;padding-top:1em}html body footer>p{margin:0}@media screen and (max-width: 1600px){html>body{margin:0}}@media screen and (min-width: 430px)and (max-width: 1024px){html>body main #container-home h1{font-size:8em !important}html>body main #container-resume .row{flex-direction:column}html>body main #container-resume h1{font-size:7em}html>body main #container-projects .projects{width:100%}}@media screen and (max-width: 746px){html>body>header>nav .navigation ul{flex-direction:column;text-align:center}html>body>header>nav .navigation .form-box .button-box{margin-left:44%}}@media screen and (max-width: 550px){html>body>header>nav .navigation .form-box .button-box{margin-left:39%}}@media screen and (max-width: 500px){html>body main #container-home h1{font-size:5em !important}html>body main #container-resume{padding:0em .5em 0em .5em}html>body main #container-resume h1{font-size:5em}html>body main #container-projects h1{font-size:5em}html>body main #formulaire h1{font-size:3em}html>body main .formulaire .formArea{width:100% !important}html>body main .mentions h1{font-size:3em}}/*# sourceMappingURL=style.css.map */