/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body{height:100%;font-family:'Oswald', sans-serif}@font-face{font-family:'EliMisto';src:url(fonts/EliMisto.otf)}a{text-decoration:none}h1{font-family:'Staatliches', cursive;font-size:45px}nav{position:fixed;right:0;top:0;background-color:white;height:100%;width:4%}@media (max-width: 640px){nav{height:100%;width:8%}}nav div{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;height:25%;border:solid 2px black;overflow:hidden}nav div:hover{background-color:lightgreen}nav a{width:100%;text-transform:uppercase;text-decoration:none;font-size:23px;color:black;-webkit-transform:rotateZ(-90deg);transform:rotateZ(-90deg);-webkit-transition:.2s all ease-in-out;transition:.2s all ease-in-out}nav a:hover{font-size:29px}@media (max-width: 640px){nav a{font-size:45px}}header{height:100vh;font-family:'Staatliches' , cursive;font-size:50px;width:100vw;margin-top:0;padding-top:0;display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-pack:center;justify-content:center;background:-webkit-gradient(linear, right top, left top, from(#17ecdb), to(#eb17ec));background:linear-gradient(270deg, #17ecdb, #eb17ec);background-size:400% 400%;-webkit-animation:AnimationName 4s ease infinite;animation:AnimationName 4s ease infinite}@-webkit-keyframes AnimationName{0%{background-position:0% 28%}50%{background-position:100% 73%}100%{background-position:0% 28%}}@keyframes AnimationName{0%{background-position:0% 28%}50%{background-position:100% 73%}100%{background-position:0% 28%}}.flip-card-front h1{font-size:2.5rem}@media (max-width: 640px){header{height:400vh;width:379vw;background-color:white}}.name{position:absolute;display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;border-left:2px solid black;margin-left:2vh;height:20vh}.name_media{display:none}.name h1{display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;border-left:2px solid black;margin-left:2vh;padding-left:1vh;height:20vh}@media (max-width: 640px){.name{display:none}.name h1{height:50vh;position:relative;display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;border-left:6px solid black;margin-left:2vh;padding-left:3.5vh;height:20vh;margin-top:8vh;letter-spacing:3vw}.name_media{display:block;border-left:0;padding-bottom:20vh}}.all_flip{display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;justify-content:space-around;width:90%;height:100vh;margin:auto 0}@media (max-width: 640px){.all_flip h1{font-size:80px;letter-spacing:1vw}}.flip-card{background-color:transparent;width:25%;height:40vh;-webkit-perspective:1000px;perspective:1000px;padding:2%;box-shadow:10px 5px  black;align-self:center;-webkit-box-pack:center;justify-content:center;margin:0 auto}@media (max-width: 640px){.flip-card-inner{width:55%;height:240vh;font-size:80px;margin:0}.all_flip{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.flip-card{width:50%;height:80vh;margin:5%}.flip-card-front h1{font-size:150%}}.flip-card-inner{position:relative;width:100%;height:100%;text-align:center;-webkit-transition:-webkit-transform 0.6s;transition:-webkit-transform 0.6s;transition:transform 0.6s;transition:transform 0.6s, -webkit-transform 0.6s;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;box-shadow:0 4px 8px 0 rgba(0,0,0,0.2)}.flip-card:hover .flip-card-inner{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.flip-card-front,.flip-card-back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-shadow:10px 5px  black}.flip-card-front{background-color:white;color:black;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center}.flip-card-back{background-color:white;color:white;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);-webkit-transition:.5s all ease-in-out;transition:.5s all ease-in-out;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center}.carre{font-family:'Misto';display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;height:70vh;width:95%}@media (max-width: 640px){.carre{height:155vh;width:360vw}}.carre div{-webkit-box-align:center;align-items:center;width:100%;height:100%;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center}.carre_colonne{display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-pack:center;justify-content:center;width:90%;margin:auto 0}.carre_colonne div{padding:2%;box-shadow:10px 5px  black;align-self:center;-webkit-box-pack:center;justify-content:center;margin:0 auto}.separation{height:400px;background-color:grey}.lgn_1 div,.lgn_2 div,.lgn_3 div,.lgn_4 div,.lgn_5 div,.lgn_6 div,.lgn_7 div{text-align:center;background-color:white}.lgn_2 div{margin:5% auto}.lgn_6{width:100%}.lgn_7{width:100%}.lgn_4{font-size:25px}@media (max-width: 640px){.lgn_1 div,.lgn_2 div,.lgn_3 div,.lgn_4 div,.lgn_5 div,.lgn_6 div,.lgn_7 div{height:15%;margin:5% auto;text-align:center;padding-top:12%;width:90%;font-size:90px}}h4{font-family:'Oswald', sans-serif;font-size:50px;padding:0}.project_1{min-height:100vh;background-size:100% auto;padding-top:15vw;padding-bottom:15vw}@media (max-width: 640px){.project_1{min-width:399vw}}.project_1.wao{background:-webkit-gradient(linear, left top, right top, color-stop(50%, #3b3d7e), color-stop(50%, #f9c5b1));background:linear-gradient(90deg, #3b3d7e 50%, #f9c5b1 50%)}.project_1.anca{background:-webkit-gradient(linear, left top, right top, color-stop(50%, #5576a0), color-stop(50%, #f8f09b));background:linear-gradient(90deg, #5576a0 50%, #f8f09b 50%)}.project_1.parkchan{background:-webkit-gradient(linear, left top, right top, color-stop(50%, #3a7779), color-stop(50%, #e0d2e8));background:linear-gradient(90deg, #3a7779 50%, #e0d2e8 50%)}.project_1.adidas{background:-webkit-gradient(linear, left top, right top, color-stop(50%, #fbc96c), color-stop(50%, #daebf3));background:linear-gradient(90deg, #fbc96c 50%, #daebf3 50%)}.project_1.pink{background:-webkit-gradient(linear, left top, right top, color-stop(50%, #c1e1d2), color-stop(50%, #624f8f));background:linear-gradient(90deg, #c1e1d2 50%, #624f8f 50%)}.project_1.ccok{background:-webkit-gradient(linear, left top, right top, color-stop(50%, #65c1be), color-stop(50%, #ffdd23));background:linear-gradient(90deg, #65c1be 50%, #ffdd23 50%)}.cadre_blanc{min-height:75%;width:70vw;background:#fff;border:solid 2px black;margin:0px auto;position:relative;padding-bottom:3%}@media (max-width: 640px){.cadre_blanc{min-width:300vw;margin-top:45vh;margin-bottom:25vh}}.cadre_blanc h1{font-family:'Staatliches', cursive;font-size:55px;margin-top:-30px;margin-left:-40px}@media (max-width: 640px){.cadre_blanc h1{font-size:139px;margin-top:-70px;margin-left:20px;letter-spacing:2vw}}.cadre_blanc div{display:-webkit-box;display:flex}.cadre_blanc img{max-height:30vw;margin-left:-40px;border:solid 2px black}@media (max-width: 640px){.cadre_blanc img{max-height:121vh;max-width:266vw;margin-left:-66px}}.txt_btn{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;max-width:20vw;margin-left:5vw}p{margin-top:15%;font-size:20px;line-height:3.5vh}@media (max-width: 640px){.txt_btn p{display:none}}.specification{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.specification h2{margin:0.2vw;font-size:35px;margin-left:10px}@media (max-width: 640px){.specification h2{font-size:60px}}@media (max-width: 640px){.specification.h2_notmedia{display:none}}.specification.h2_media{display:none}@media (max-width: 640px){.specification.h2_media{display:inline}}h2:nth-of-type(4){margin-bottom:-2vw}.btn_noir{background:#000;color:#fff;margin-top:2vh;margin-right:5vw;margin-bottom:2vh;padding:0.8vw;border-radius:5px;-webkit-transition:.5s all ease-in-out;transition:.5s all ease-in-out}.btn_noir a{color:#fff}.btn_noir:hover{background:#c1e1d2;color:#000;border-radius:10px;border-color:#c1e1d2}.btn_noir a:hover{color:#000}@media (max-width: 640px){.btn_noir{display:none;margin-bottom:15vh}}.media{display:none}@media (max-width: 640px){.media{display:inline;margin:45px 5px 25px 5px;padding:16px;font-size:51px}}html,body{width:100%;height:100%}.background_about{min-height:100vh;width:100%;background:-webkit-gradient(linear, left top, right top, color-stop(50%, #9ed5db), color-stop(50%, #f8f09b));background:linear-gradient(90deg, #9ed5db 50%, #f8f09b 50%);background-size:100% auto}@media (max-width: 640px){.background_about{padding-top:65vw;padding-bottom:65vw;min-height:400vh}}@media (max-width: 640px){#page_about{min-width:60vw;margin-top:50vh}}@media (max-width: 640px){.about{max-height:100vh;min-width:750px}}.page_about{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;height:100vh}@media (max-width: 640px){.cadre_blanc h1{font-size:139px;margin-top:-70px;margin-left:20px}}.texte_about p{margin-top:12%;margin-bottom:12%;width:50vw}@media (max-width: 640px){.texte_about p{padding-left:20vw;padding-bottom:20vw;display:block;width:250vw;font-size:50px;line-height:70px}}.skills{display:-webkit-box;display:flex;flex-wrap:wrap;height:20vh;background-color:#f8f09b;border:solid 2px black;margin-top:10vh;font-size:25px;overflow:hidden}@media (max-width: 640px){.skills{max-width:93%;min-height:40vh;line-height:15vh}.skills h3{font-size:60px;display:-webkit-box;display:flex;max-width:93%}}.marquee{display:-webkit-box;flex-wrap:wrap;max-height:10vh;background-color:#f8f09b;border:solid 2px black;margin-top:10vh;font-size:25px;overflow:hidden;margin-right:3.7%}@media (max-width: 640px){.marquee{max-height:30vh;margin-bottom:0;padding-bottom:10vh}.skills h3{display:inline-block;margin-top:0;margin-bottom:5vh}}.all{padding-top:0;height:100%}@media (max-width: 640px){.all{background:#7697a1;width:100%}}a{text-decoration:none;width:100%;color:black}a h1{padding:1%;text-decoration:none;border:2px solid #000000;background:white;text-align:center}h1{font-family:'Staatliches', cursive;font-size:55px;color:black}@media (max-width: 640px){h1{font-size:200px;margin-top:20%;width:310vw}}.all_project1{display:-webkit-box;display:flex;width:100%}@media (max-width: 640px){.all_project1{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}}.gauche{padding-left:8.5vw;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;width:80%;padding-bottom:15vw}@media (max-width: 640px){.gauche{width:100%;display:-webkit-box;display:flex;margin-left:0%;padding-left:5%;border-bottom:10px solid black}}.gauche,.droite{display:-webkit-box;display:flex;padding-top:200px}.gauche div{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.border_3d{width:45vw}.img_dessus{height:52vw;width:77vw;margin:0vh 0vw 0vh -17vw}@media (max-width: 640px){.img_dessus{display:none}}.border_3d .titre{background-image:url(../../img/petit_cube.png) no-repeat cover;height:30vh}.img_project{display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}.img_project img{display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;max-width:45vw;border:2px solid black;margin-top:10vh}.img_logo_pinkpotatoes{max-width:20vw}@media (max-width: 640px){.img_logo_pinkpotatoes{max-width:100vw}}figcaption{padding-top:1vw;font-size:20px}@media (max-width: 640px){.img_project img{max-width:240vw}figcaption{font-size:60px;padding-bottom:10vw}}.droite div{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.droite{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;width:25%;margin-left:2%;margin-right:5%;background-color:white}@media (max-width: 640px){.droite{margin-left:0%;padding-left:4%;background-color:#fff;width:90%;height:500vh}}.droite h2{margin:0.2vw;font-size:35px}@media (max-width: 640px){.droite h2{font-size:100px;margin:0vw;padding-top:5vh}}.droite p{margin-top:4vh;font-size:20px;line-height:5vh}@media (max-width: 640px){.droite p{padding-top:5vh;font-size:60px;font-family:Arial, Helvetica, sans-serif;line-height:1.5em}h3{font-size:60px;padding-top:8vh}}.guide_couleurs,.guide_des_polices{margin-top:10vh}.guide_couleurs div{display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}.colors{display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;width:100%;height:9vh}.colors div{width:25%;height:9vh;margin-top:25px;margin-right:15px}@media (max-width: 640px){.colors div{height:180%}}.colors_number{display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-align:center;align-items:center;justify-content:space-around;width:100%}.colors_number h3{height:40%;margin-top:30px;margin-right:5px}@media (max-width: 640px){.colors_number h3{font-size:65px}}.guide_des_polices p{margin-top:4vh;line-height:5vh}.guide_des_polices img{width:18vw;padding-bottom:5vh}@media (max-width: 640px){.guide_des_polices img{width:200vw;padding-top:30vw;padding-bottom:30vw;margin:0 auto}}html,body{height:100%;padding:0;margin:0}@media (max-width: 640px){nav{height:100%;width:8%}}@media (max-width: 640px){nav a{font-size:20px}}.cadre_contact{height:137vh;background:url(../img/contact/contact_photo.png) no-repeat center;margin-top:20vh;margin-bottom:30vh}@media (max-width: 640px){.cadre_contact{background:url(../img/contact/contact_photo.png) no-repeat;margin-top:0;margin-bottom:0}}.bg_form_image{position:relative;height:100vh;width:50vw;margin:0 auto}@media (max-width: 640px){.bg_form_image{background-image:none}.form-group:first-child{padding-top:45vh}.form-group:last-child{padding-bottom:2vh}}.email-form{position:absolute;height:50vh;width:50vw;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;align-self:center}.form-group{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;align-self:center;width:50vw}.form-group:first-child{padding-top:36vh}.form-group:last-child{padding-top:2vh}.form-submit-button{background-color:white}.form-group h2{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;align-self:center}label{display:-webkit-box;display:flex}.cadre_contact_titre{display:-webkit-box;display:flex}.form-input{height:auto;margin-bottom:0px;border:2px solid #333;color:#333;font-size:18px;line-height:30px;letter-spacing:0px;width:30vw}@media (max-width: 640px){.form-input{width:60vw}}.form-input:focus{border-color:#f4bf30;box-shadow:3px 3px 0 0 #f4bf30;color:#333}.form-input::-webkit-input-placeholder{color:rgba(183,109,104,0)}.form-input:-ms-input-placeholder{color:rgba(183,109,104,0)}.form-input::-ms-input-placeholder{color:rgba(183,109,104,0)}.form-input::-moz-placeholder{color:rgba(183,109,104,0)}.form-input::placeholder{color:rgba(183,109,104,0)}.form-input.form-textarea{min-height:160px;border-color:#333;color:#333}.form-input.form-select{border-radius:0px;background-color:#6d5050;cursor:pointer}