@charset "UTF-8";header{box-shadow:0px 4px 14px 10px rgba(0,0,0,.031372549)}.header{padding:0 100px;display:flex;justify-content:space-between;align-items:center}.header .menu{width:100%;margin:20px 0}.header .menu .menu-toggle{display:none}.header .menu .menu-menu-principal-container #menu-menu-principal{padding:0;display:flex;justify-content:space-between;text-transform:uppercase;overflow:hidden}.header .menu .menu-menu-principal-container #menu-menu-principal .menu-item{padding:10px 20px;transition:all .3s ease-in}.header .menu .menu-menu-principal-container #menu-menu-principal .menu-item:hover{border-radius:5px;text-shadow:1px 2px 2px #b8b259}@media screen and (max-width:768px){.header{padding:81px 0 0}.header .menu{position:absolute;top:40px;left:0;flex-direction:column;width:100%;background:linear-gradient(to bottom,#fbf8cc,#fde4cf,#ffcfd2,#f1c0e8,#cfbaf0,#a3c4f3,#90dbf4,#98f5e1);font-size:1.5em;text-align:center;justify-content:center;height:0;transition:height 1.5s ease}.header .menu .menu-menu-principal-container #menu-menu-principal{width:100%;justify-content:center;z-index:4;top:0;gap:60px}.header .menu .menu-menu-principal-container #menu-menu-principal a{color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.header .menu .open{height:90vh}.header .menu .menu-toggle{padding-top:5px;display:block;background:0 0;border:none}.header .menu .menu-toggle.cross .line:nth-child(1){transform:rotate(-45deg) translate(1px,6px)}.header .menu .menu-toggle.cross .line:nth-child(2){opacity:0}.header .menu .menu-toggle.cross .line:nth-child(3){transform:rotate(45deg) translate(-8px,-17px)}.header .menu .menu-toggle-icon{display:flex;flex-direction:column;justify-content:space-around;width:2rem;height:2rem;position:absolute;top:-26px;margin-left:25px}.header .menu .menu-toggle-icon span{width:1.5rem;height:.2rem;background:#000}#menu-menu-principal.open{display:flex}}.main{width:100%;background:linear-gradient(to bottom,rgba(251,248,204,.4941176471),rgba(253,228,207,.4980392157),rgba(255,207,210,.4980392157),rgba(241,192,232,.4980392157),rgba(207,186,240,.4941176471),rgba(163,196,243,.4941176471),rgba(144,219,244,.4745098039))}.main .single-portfolio{width:100vw;display:flex;justify-content:space-around}.main .single-portfolio .project-image{width:50%}.main .single-portfolio .project-image img{width:100%;height:auto;-o-object-fit:contain;object-fit:contain}.main .single-portfolio .portfolio-details{width:40%;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-evenly;gap:20px}.main .single-portfolio .portfolio-details .title-date h1{font-size:40px;text-shadow:3px 1px 1px rgba(0,0,0,.4);padding-bottom:10px}.main .single-portfolio .portfolio-details .language-icons{display:flex;width:100%}.main .single-portfolio .portfolio-details .language-icons .language-list{width:27%;height:45px}.main .single-portfolio .portfolio-details .language-icons .language-list .icon-class{display:block;width:30%;height:100%;background-size:contain;background-repeat:no-repeat}.main .single-portfolio .portfolio-details .language-icons .language-list .html-icon{background-image:url(//stephanie-developpeuse-web.fr/wp-content/themes/blankslate-child/sass/../assets/images/html-logo.png)}.main .single-portfolio .portfolio-details .language-icons .language-list .css-icon{background-image:url(//stephanie-developpeuse-web.fr/wp-content/themes/blankslate-child/sass/../assets/images/css-logo.png)}.main .single-portfolio .portfolio-details .language-icons .language-list .php-icon{background-image:url(//stephanie-developpeuse-web.fr/wp-content/themes/blankslate-child/sass/../assets/images/php-logo.png)}.main .single-portfolio .portfolio-details .language-icons .language-list .js-icon{background-image:url(//stephanie-developpeuse-web.fr/wp-content/themes/blankslate-child/sass/../assets/images/javascript-logo.png)}.main .single-portfolio .portfolio-details .section-site-link .site-link{position:relative}.main .single-portfolio .portfolio-details .section-site-link .site-link:after{content:"";position:absolute;width:100%;transform:scaleX(0);height:3px;bottom:0;left:0;background:linear-gradient(to right,#fdd48e,#ff92c3);transform-origin:bottom right;transition:transform .25s ease-out}.main .single-portfolio .portfolio-details .section-site-link .site-link:hover:after{transform:scaleX(1);transform-origin:bottom left}.main .single-portfolio .portfolio-details .section-github{width:100%;height:16%}.main .single-portfolio .portfolio-details .section-github .github-link{position:relative;display:block;width:25%;height:100%}.main .single-portfolio .portfolio-details .section-github .github-link .github-text{position:absolute;font-weight:700;font-size:larger}.main .single-portfolio .portfolio-details .section-github .github-link .github-logo{position:absolute;opacity:0;width:0;height:0}.main .description{display:flex;width:100%;margin:auto;flex-direction:column;gap:40px;padding:50px 0}.main .description p{text-align:justify;width:70%;margin:auto}@media screen and (max-width:767px){.single-portfolio{flex-direction:column;align-items:center}.single-portfolio .project-image{width:100% !important}.single-portfolio .portfolio-details{align-items:center !important;width:70% !important;height:220px}.single-portfolio .portfolio-details .title-date{text-align:center}.single-portfolio .portfolio-details .language-icons{justify-content:center;padding-left:30px}.single-portfolio .portfolio-details .language-icons .icon-class{width:auto !important}.single-portfolio .portfolio-details .section-site-link{font-size:larger;font-weight:700}.single-portfolio .portfolio-details .section-github{width:auto !important;padding-right:70px;font-size:large}.description{padding-top:70px !important;font-size:1.2rem}}#footer{border-top:solid 3px #fff;width:100%;height:150px;background:linear-gradient(to bottom,rgba(144,219,244,.4745098039),#98f5e1)}#footer .footer-flex{display:flex;justify-content:space-evenly;align-items:center;height:60%}#footer .footer-copyright{text-align:center;padding-top:15px}@media screen and (max-width:767px){.footer-flex{flex-direction:column;margin-top:10px;gap:10px}}@font-face{font-family:"Tilt Neon";src:url(//stephanie-developpeuse-web.fr/wp-content/themes/blankslate-child/sass/../assets/fonts/TiltNeon-Regular.ttf) format("truetype")}.github-link:hover .github-logo{animation:spin .6s linear forwards .3s,grow .6s linear forwards .3s}.github-link:hover .github-text{animation:spin .6s linear forwards,fadeOut .5s linear forwards}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes grow{0%{width:0;height:0;opacity:0}100%{width:80px;height:80px;opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes flyAway{0%{transform:translateY(0) scale(1);opacity:1}50%{transform:translateY(-50px) scale(.5);opacity:.5}100%{transform:translateY(-100vh) scale(.1);opacity:0}}@keyframes flyAwayReverse{0%{transform:translateY(-100vh) scale(.1);opacity:0}50%{transform:translateY(-50px) scale(.5);opacity:.5}100%{transform:translateY(0) scale(1);opacity:1}}.fly-away{animation:flyAway 2s forwards}.fly-away-reverse{display:block;animation:flyAwayReverse 2s forwards}@media screen and (max-width:767px){.github-link:hover .github-logo{animation:none}.github-link:hover .github-text{animation:none}}.back-to-top{position:fixed;bottom:40px;right:40px;z-index:9999;width:32px;height:32px;text-align:center;line-height:30px;background:#f5f5f5;color:#444;cursor:pointer;border:0;border-radius:2px;text-decoration:none;transition:opacity .2s ease-out}.back-to-top:hover{background:#e9ebec}.back-to-top:before{content:"▲"}body{font-family:"Tilt Neon",sans-serif}a{text-decoration:none;color:#000}ul{list-style-type:none}#button-mail{width:30%;color:#000;background:linear-gradient(to top,rgba(144,219,244,.4117647059),rgba(152,245,225,.6392156863));transition:all .7s ease-in-out}#button-mail:hover{color:#000;background:linear-gradient(to bottom,#90dbf4,#98f5e1)}.main-mentions-legales{width:100%;background:linear-gradient(to bottom,rgba(251,248,204,.4941176471),rgba(253,228,207,.4980392157),rgba(255,207,210,.4980392157),rgba(241,192,232,.4980392157),rgba(207,186,240,.4941176471),rgba(163,196,243,.4941176471),rgba(144,219,244,.4745098039))}@media screen and (max-width:767px){#button-mail{width:80%}}