@font-face{font-family:'Avenir Next LT Pro Condensed';font-style:normal;font-weight:normal;src:local('Avenir Next LT Pro Condensed'), url('../css/fonts/AvenirNextLTPro-Cn.woff') format('woff')}@font-face{font-family:'Avenir Next LT Pro Demi';font-style:normal;font-weight:normal;src:local('Avenir Next LT Pro Demi'), url('../css/fonts/AvenirNextLTPro-Demi.woff') format('woff')}@font-face{font-family:'Avenir Next LT Pro Demi Condensed';font-style:normal;font-weight:normal;src:local('Avenir Next LT Pro Demi Condensed'), url('../css/fonts/AvenirNextLTPro-DemiCn.woff') format('woff')}@font-face{font-family:'Avenir Next LT Pro Heavy Condensed';font-style:normal;font-weight:normal;src:local('Avenir Next LT Pro Heavy Condensed'), url('../css/fonts/AvenirNextLTPro-HeavyCn.woff') format('woff')}@font-face{font-family:'Avenir Next LT Pro Medium Condensed';font-style:normal;font-weight:normal;src:local('Avenir Next LT Pro Medium Condensed'), url('../css/fonts/AvenirNextLTPro-MediumCn.woff') format('woff')}@font-face{font-family:'Avenir Next LT Pro Regular';font-style:normal;font-weight:normal;src:local('Avenir Next LT Pro Regular'), url('../css/fonts/AvenirNextLTPro-Regular.woff') format('woff')}@font-face{font-family:'Avenir Next LT Pro Ultra Light Condensed';font-style:normal;font-weight:normal;src:local('Avenir Next LT Pro Ultra Light Condensed'), url('../css/fonts/AvenirNextLTPro-UltLtCn.woff') format('woff')}@font-face{font-family:'Avenir Next LT Pro Bold';font-style:normal;font-weight:normal;src:local('Avenir Next LT Pro Bold'), url('../css/fonts/AvenirNextLTPro-Bold.woff') format('woff')}@font-face{font-family:'Avenir Next LT Pro Bold Condensed';font-style:normal;font-weight:normal;src:local('Avenir Next LT Pro Bold Condensed'), url('../css/fonts/AvenirNextLTPro-BoldCn.woff') format('woff')}@font-face{font-family:'Avenir Next LT Pro Bold Condensed Italic';font-style:normal;font-weight:normal;src:local('Avenir Next LT Pro Bold Condensed Italic'), url('../css/fonts/AvenirNextLTPro-BoldCnIt.woff') format('woff')}@font-face{font-family:'Avenir Next LT Pro Condensed Italic';font-style:normal;font-weight:normal;src:local('Avenir Next LT Pro Condensed Italic'), url('../css/fonts/AvenirNextLTPro-CnIt.woff') format('woff')}@font-face{font-family:'Avenir Next LT Pro Demi Condensed Italic';font-style:normal;font-weight:normal;src:local('Avenir Next LT Pro Demi Condensed Italic'), url('../css/fonts/AvenirNextLTPro-DemiCnIt.woff') format('woff')}@font-face{font-family:'Avenir Next LT Pro Demi Italic';font-style:normal;font-weight:normal;src:local('Avenir Next LT Pro Demi Italic'), url('../css/fonts/AvenirNextLTPro-DemiIt.woff') format('woff')}@font-face{font-family:'Avenir Next LT Pro Heavy Condensed Italic';font-style:normal;font-weight:normal;src:local('Avenir Next LT Pro Heavy Condensed Italic'), url('../css/fonts/AvenirNextLTPro-HeavyCnIt.woff') format('woff')}@font-face{font-family:'Avenir Next LT Pro Italic';font-style:normal;font-weight:normal;src:local('Avenir Next LT Pro Italic'), url('../css/fonts/AvenirNextLTPro-It.woff') format('woff')}@font-face{font-family:'Avenir Next LT Pro Medium Condensed Italic';font-style:normal;font-weight:normal;src:local('Avenir Next LT Pro Medium Condensed Italic'), url('../css/fonts/AvenirNextLTPro-MediumCnIt.woff') format('woff')}@font-face{font-family:'Avenir Next LT Pro Ultra Light Condensed Italic';font-style:normal;font-weight:normal;src:local('Avenir Next LT Pro Ultra Light Condensed Italic'), url('../css/fonts/AvenirNextLTPro-UltLtCnIt.woff') format('woff')}html,body{margin:0;padding:0;overflow-x:hidden;color:#446CB3;font-family:'Avenir Next LT Pro Regular';-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;font-size:1em;cursor:default}a{color:#ecf0f1}h1{display:inline-block;margin:auto;padding:0;font-family:'Avenir Next LT Pro Bold';font-size:4em}h2{margin:3vh 0 2vh 0;padding:0;font-size:5vh}h3{margin:auto;width:80vw;color:#1F4788;font-size:2em}h4{z-index:9999;margin:auto auto 2vh auto;min-height:2vh;width:100%;font-size:1em}.main{left:0;top:0;position:absolute;z-index:1;height:100vh;width:calc(100vw + 30px);margin:0;padding:0;overflow-y:scroll;overflow-x:hidden}.page_container::before{left:0;top:0;position:absolute;z-index:-1;height:100%;width:100%;margin:0;padding:0;content:''}.page_container{position:relative;z-index:2;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;min-height:100vh;width:100vw;margin:0;padding:0;font-size:1.3em;background:#ecf0f1}.blocO{color:#ecf0f1;background-color:#1F4788}.blocContainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;width:80%;margin:auto}.blocInfo::before{left:0;top:0;position:absolute;z-index:-1;height:100%;width:100%;content:'';vertical-align:middle;-webkit-transition:.7s;transition:.7s;background-color:#446CB3;-webkit-filter:brightness(0.3);filter:brightness(0.3)}.blocInfo:hover::before{-webkit-filter:brightness(1);filter:brightness(1)}.blocInfo:hover{color:transparent}.blocInfo{position:relative;z-index:1;min-height:20vw;width:20vw;margin:1vw;padding:1%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-transition:.7s;transition:.7s;color:#ecf0f1;font-size:.8em}div.blocInfo > p{margin:0;padding:0}.anid::after{background:#9460a4 url(../img/anid.svg) no-repeat center}.tvfil::after{background:#ecf0f1 url(../img/tvfil78.svg)no-repeat center}.work{position:relative;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;max-height:8vh;width:60vw;margin:1vh 1vw;padding:1vh 1vw;overflow:hidden;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background-color:#446cb3;color:#ecf0f1;-webkit-transition:1s ease-out;transition:1s ease-out}.work:hover{cursor:pointer}.work::after{top:0;left:0;position:absolute;height:100%;width:100%;padding:0;margin:0;overflow:hidden;content:'';-webkit-transition:.5s ease-out;transition:.5s ease-out}.workOn::after{height:100%;opacity:0;content:''}.workOn{max-height:50vh;-webkit-transition:1s ease-out;transition:1s ease-out}.place{width:100%;margin:0;padding-bottom:0;font-family:'Avenir Next LT Pro Bold';font-size:1.5em}.job{display:block;margin:0;padding:0}.date{display:block;margin:.2vh 0;font-size:1.1em}.descJob{float:left;margin:1vh 0;text-align:left}.descJob::before{height:100%;content:'Tâches : \00a0';float:left;font-weight:900}.arrow{left:93%;top:93%;position:absolute;z-index:-1;-webkit-transform:translateY(-50%) translateX(-50%);-ms-transform:translateY(-50% ) translateX(-50%);transform:translateX(-50%) translateY(-50%);display:none;width:5vw;height:5vw;z-index:50;border-radius:100%;border:solid #ecf0f1;margin:0;padding:0;overflow:hidden;-webkit-transition-delay:1s;transition-delay:1s;-webkit-transition:.5s;transition:.5s;text-decoration:none;cursor:-webkit-pointer;cursor:pointer}.arrow::after{top:10%;left:0;position:absolute;z-index:2;content:'';width:100%;height:100%;background:url(imgCss/arrowdown.svg);overflow:hidden}.arrow::before{top:0;left:0;position:absolute;z-index:3;content:'';width:100%;height:100%;background:rgba(255, 255, 255, 0.13)}.arrow:hover::after{-webkit-animation:arrowDown 1s;animation:arrowDown 1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes "arrowDown"{0%{top:0;}50%{top:100%;}51%{top:-200%;}100%{top:0;}}@keyframes "arrowDown"{0%{top:0;}50%{top:25%;}51%{top:-200%;}100%{top:0;}}.homePage{color:#ecf0f1;min-height:100vh;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.homePage::before{left:-15px;right:-15px;top:-15px;bottom:-15px;position:absolute;height:calc(100% + 30px);width:calc(100% + 30px);background-image:url(imgCss/workspace.jpg);background-size:cover;background-repeat:no-repeat;background-position:center;content:'';-webkit-filter:blur(10px) brightness(.5);filter:blur(10px) brightness(.5)}.homePageSVG{top:15vh;position:relative;height:50vh;width:50vh;margin-bottom:15vh;background-color:#446CB3;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.homePageSVG::after{left:0;top:0;z-index:32;position:absolute;height:100%;width:100%;content:'';background-image:url(imgCss/homePageLogo.svg);background-repeat:no-repeat;background-position:center;background-size:100% auto;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.homepageTitle{position:relative;z-index:18;margin:0;padding:0;font-family:'Avenir Next LT Pro Bold';text-transform:lowercase;font-weight:600;font-size:3em}.homepageTitle > div,p{margin:0;padding:0}.Hjob{margin:0 auto;font-size:.5em;border-top:solid thin;border-bottom:solid thin;max-width:70%}.noteDev{text-transform:none;position:relative;font-size:.9em;margin-top:4vh;width:30vw;margin-left:65vw;text-align:left}.Hname::before,.Hname::after{content:'';display:inline-block;vertical-align:middle;margin:0 0.1em;width:2em;height:0.2em;box-shadow:0 0.05em 0 ,-0.5em -0.15em 0 -0.05em,0 -0.1em}.Hname::after{box-shadow:0 0.05em 0 ,0.5em -0.15em 0 -0.05em,0 -0.1em}.noteDev::before{position:relative;display:block;margin-bottom:1vh;min-width:30vw;content:'Note du développeur : ';font-weight:900;border-bottom:thin solid}.gears{color:#89C4F4;background-repeat:no-repeat;background-position:center;background-image:url(imgCss/gears.svg);background-color:#1F4788;background-size:cover}.boxSkillz{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:80%;margin:3vh auto 0 auto;padding:0;text-overflow:ellipsis}.skillz{z-index:1;display:inline-block;vertical-align:top;width:20%;margin:0 auto;padding:1vh .5vw;font-size:1em}.skillz >h4{margin-bottom:5vh;padding:1vh 0 .8vh 0;color:#ecf0f1;background-color:rgba(236, 240, 241, 0.33)}.skillContainer{position:relative;z-index:8;height:5vh;margin:0vh 0vh 2vh 0vh;padding:.5vh .5vw;color:#ecf0f1;background-color:rgba(236, 240, 241, 0.33);font-family:'Avenir Next LT Pro Demi';font-size:.8em;line-height:5vh;text-align:left;text-indent:.1vw}.skillContainer::before{left:0;top:0;position:absolute;z-index:-1;display:block;height:100%;width:0;opacity:0;background-color:#89C4F4;color:#ecf0f1;content:'';-webkit-transition-delay:.5s;transition-delay:.5s;-webkit-transition:1s;transition:1s}.opacity::before{opacity:1}.skillContainer::after{top:.75vh;left:100%;position:absolute;z-index:10;width:5em;content:'';color:white;font-family:'Avenir Next LT Pro Demi';text-align:left}.markup{position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);display:none;height:140%;width:0;opacity:.6;border-left-style:dotted;border-left-width:medium;border-left-color:#DC3023;-webkit-transition:1s;transition:1s}.p10::before{width:10%;content:''}.p10::after{content:'10%'}.p10 > .markup{left:10%}.p15::before{width:15%;content:''}.p15::after{content:'15%'}.p15 > .markup{left:15%}.p20::before{width:20%;content:''}.p20::after{content:'20%'}.p20 > .markup{left:20%}.p25::before{width:25%;content:''}.p25::after{content:'25%'}.p25 > .markup{left:25%}.p30::before{width:30%;content:''}.p30::after{content:'30%'}.p30 > .markup{left:30%}.p35::before{width:35%;content:''}.p35::after{content:'35%'}.p35 > .markup{left:35%}.p40::before{width:40%;content:''}.p40::after{content:'40%'}.p40 > .markup{left:40%}.p45::before{width:45%;content:''}.p45::after{content:'45%'}.p45 > .markup{left:45%}.p50::before{width:50%;content:''}.p50::after{content:'50%'}.p50 > .markup{left:50%}.p55::before{width:55%;content:''}.p55::after{content:'55%'}.p55 > .markup{left:55%}.p60::before{width:60%;content:''}.p60::after{content:'60%'}.p60 > .markup{left:60%}.p65::before{width:65%;content:''}.p65::after{content:'65%'}.p65 > .markup{left:65%}.p70::before{width:70%;content:''}.p70::after{content:'70%'}.p70 > .markup{left:70%}.p75::before{width:75%;content:''}.p75::after{content:'75%'}.p75 > .markup{left:75%}.p80::before{width:80%;content:''}.p80::after{content:'80%'}.p80 > .markup{left:80%}.p85::before{width:85%;content:''}.p85::after{content:'85%'}.p85 > .markup{left:85%}.p90::before{width:90%;content:''}.p90::after{content:'90%'}.p90 > .markup{left:90%}.p95::before{width:95%;content:''}.p95::after{content:'95%'}.p95 > .markup{left:95%}.p100::before{width:100%;content:''}.p100::after{content:'100%'}.p100 > .markup{left:100%}.boxPortfolio{position:relative;height:auto;width:90%;margin:0 auto}.boxPortfolio p{margin:0;padding:0}.tagBar{position:relative;height:8vh;width:100%;margin:0;padding:0;color:#ecf0f1;list-style:none}.tagBar > li{position:relative;display:inline-block;height:100%;width:5vw;padding:0 2vw;margin:0;z-index:2;overflow:hidden;text-align:center;font-size:.8em;-webkit-transition:.2s;transition:.2s;line-height:calc(8vh + .4em)}.tagBar>li:first-letter{text-transform:capitalize}.tagBar>li::first-letter{text-transform:capitalize}.tagBar > li::before{position:absolute;bottom:2vh;left:10%;z-index:-1;width:80%;height:2px;background-color:#ecf0f1;visibility:hidden;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);content:"";-webkit-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s}.tagBar > li:hover{color:#ecf0f1;background-color:#4B77BE;cursor:pointer}.tagBar > li:hover::before{visibility:visible;-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)}.tagBar>li::after{position:absolute;top:0;left:0;width:0;height:0;z-index:-1;content:"";border-style:solid;border-width:0 0 9vh 10vw;border-color:transparent transparent #1F4788 transparent;line-height:0px;_border-color:#000000 #000000 #1F4788 #000000;_filter:progid:DXImageTransform.Microsoft.Chroma(color='#000000');-webkit-transition:all 0.4s ease-in-out 0s;transition:all 0.4s ease-in-out 0s}.tagBar>li:hover::after{position:absolute;left:100%;top:100%;width:0;height:0;content:"";border-style:solid;border-width:0 0 9vh 10vw;border-color:transparent transparent #4B77BE transparent;line-height:0px;_border-color:#000000 #000000 #4B77BE #000000;_filter:progid:DXImageTransform.Microsoft.Chroma(color='#000000')}.artBox{position:relative;z-index:10;display:inline-block;vertical-align:top;height:20vh;width:calc(100% / 5);margin:1vh 0vw;padding:0;background:white no-repeat center;background-size:cover;opacity:.5;-webkit-transition:.5s;transition:.5s}.artBox:hover{opacity:1;cursor:pointer}.artBox::after{top:15vh;left:0;position:absolute;z-index:11;height:5vh;width:100%;font-size:2vh;line-height:5vh;color:white;content:attr(name);background:rgba(0, 0, 0, 0.65);text-overflow:ellipsis}#viewer{left:0;top:0;position:absolute;z-index:30;display:none;min-height:100vh;width:100vw;content:"";color:#4B77BE;background:#1F4788}#preview{position:relative;z-index:31;height:50vh;width:50vw;margin:auto;background:white;background-size:contain;background-position:center;background-repeat:no-repeat}#title{margin:1vh auto;font-size:3em}#legende{margin:.5vh auto 0vh auto;width:50vw;font-size:1.5em;font-style:italic}#desc{margin:0vh auto 3vh auto;padding:1vh 0;width:50vw;text-align:justify;border-bottom:solid;font-size:1.2em}#desc::before{position:relative;display:block;margin:0vh 0vw 1vh -2vw;padding:0 0 1vh 0;border-bottom:solid;content:'Description : ';font-size:1.5em}#src::before{content:'Lien vers la réalisation : ';margin:0vh 0vw 1vh -2vw}#src{margin:2vh auto 3vh auto;width:50vw;text-align:left;font-size:1.2em}#tags::before{position:relative;display:block;margin:0vh 0vw 1vh -2vw;padding:0 0 1vh 0;border-bottom:solid thin;content:'Tags : ';font-size:1.1em}#tags{margin:0vh auto 3vh auto;padding:1vh 0;width:50vw;text-align:left;border-bottom:solid thin;font-size:1em}#quit{left:96vw;top:2vh;position:absolute;height:4vh;width:4vh;color:white;border-radius:100%;border:solid white;font-family:"Avenir Next LT Pro Bold";font-size:1.6em;line-height:4.5vh;-webkit-transition:.5s;transition:.5s}#quit:hover{cursor:pointer;-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);background:#d41212;color:white;border:dotted white}.dot_pattern::before{opacity:0.3;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGklEQVQIW2NkYGD4D8SMQAwGcAY2AbBKDBUAVuYCBQPd34sAAAAASUVORK5CYII=)}.losange_pattern::before{opacity:0.05;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAS0lEQVQYV2PUsQv4f+XQBkYGKADxQUx0MbgCkCSyJnQDUExCNgVdI1ghuknIVsPkGLEpgrkXZgNIDfEKibYaOVgIegabYozgITbAAdbEXu9RuVfbAAAAAElFTkSuQmCC)}.ligneCahier_pattern::before{opacity:0.2;background-image:url(/css/imgCss/reglure-ligne.gif)}.justify{text-align:center;text-justify:inter-word;text-overflow:clip}.center{text-align:center}.centerBloc{margin:auto}.bold{font-weight:900}.rotateL{-webkit-animation:rotateL 4s linear infinite;-ms-transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-animation:rotateL 4s linear infinite;animation:rotateL 4s linear infinite}@-webkit-keyframes "rotateL"{0%{-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-ms-transform:rotate(-360deg);-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}}@keyframes "rotateL"{0%{-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-ms-transform:rotate(-360deg);-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}}.rotateR{-webkit-animation:rotateR 4s linear infinite;-ms-transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-animation:rotateR 4s linear infinite;animation:rotateR 4s linear infinite}@-webkit-keyframes "rotateR"{0%{-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes "rotateR"{0%{-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg);}}.hidden{visibility:hidden}.logo::before{background-size:cover;background-image:url(/css/imgCss/logo.svg);background-position:center;background-repeat:no-repeat}.brackets::before{background-size:cover;background-image:url(/css/imgCss/brackets.jpg);background-position:center;background-repeat:no-repeat}.illustrator::before{background-size:cover;background-image:url(/css/imgCss/illustrator.jpg);background-position:center;background-repeat:no-repeat}.macbook::before{background-size:cover;background-image:url(/css/imgCss/workspace.jpg);background-position:center;background-repeat:no-repeat}.japan::before{background-size:auto 100%;background-image:url(/css/imgCss/kyoto-japan.jpg);background-position:center;background-repeat:no-repeat}.manga::before{background-size:cover;background-image:url(/css/imgCss/divergence.png);background-position:center;background-repeat:no-repeat}.music::before{background-size:70%;background-image:url(/css/imgCss/music.svg);background-position:center;background-repeat:no-repeat}.games::before{background-size:70%;background-image:url(/css/imgCss/gamepad.svg);background-position:center;background-repeat:no-repeat}::-webkit-input-placeholder{color:rgba(236, 240, 241, 0.5)}:-moz-placeholder{color:rgba(236, 240, 241, 0.5);opacity:1}::-moz-placeholder{color:rgba(236, 240, 241, 0.5);opacity:1}:-ms-input-placeholder{color:rgba(236, 240, 241, 0.5)}input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px #4B77BE inset;-webkit-text-fill-color:#ecf0f1}.contactBox{position:relative;z-index:3;height:auto;width:30vw;margin:auto;padding:0;color:#ecf0f1;font-size:.8em}.contactBox input,textarea{position:relative;z-index:4;display:block;height:4vh;width:calc(100% - .6vw);margin:0 0 1vh 0;padding:0.3vh 0.3vw;text-align:center;border:none;font-size:.8em;color:#ecf0f1;background:#4B77BE;resize:none}.contactBox input:focus,textarea:focus,button:focus{background:#5D9CEC;border:none;outline:0}.contactBox button{position:relative;z-index:4;font-size:.8em;display:block;height:4.6vh;width:100%;margin:0 0 1vh 0;text-align:center;border:none;color:#ecf0f1;background:#4B77BE}.contactBox #message{height:40vh;text-align:left}