@font-face{font-family:Roboto;font-style:normal;font-weight:300;src:url(../fonts/roboto-v20-latin-300.eot);src:local(''),url(../fonts/roboto-v20-latin-300.eot?#iefix) format('embedded-opentype'),url(../fonts/roboto-v20-latin-300.woff2) format('woff2'),url(../fonts/roboto-v20-latin-300.woff) format('woff'),url(../fonts/roboto-v20-latin-300.ttf) format('truetype'),url(../fonts/roboto-v20-latin-300.svg#Roboto) format('svg')}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:url(../fonts/roboto-v20-latin-regular.eot);src:local(''),url(../fonts/roboto-v20-latin-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/roboto-v20-latin-regular.woff2) format('woff2'),url(../fonts/roboto-v20-latin-regular.woff) format('woff'),url(../fonts/roboto-v20-latin-regular.ttf) format('truetype'),url(../fonts/roboto-v20-latin-regular.svg#Roboto) format('svg')}@font-face{font-family:Roboto;font-style:normal;font-weight:700;src:url(../fonts/roboto-v20-latin-700.eot);src:local(''),url(../fonts/roboto-v20-latin-700.eot?#iefix) format('embedded-opentype'),url(../fonts/roboto-v20-latin-700.woff2) format('woff2'),url(../fonts/roboto-v20-latin-700.woff) format('woff'),url(../fonts/roboto-v20-latin-700.ttf) format('truetype'),url(../fonts/roboto-v20-latin-700.svg#Roboto) format('svg')}@font-face{font-family:Courgette;font-style:normal;font-weight:400;src:url(../fonts/courgette-v8-latin-regular.eot);src:local(''),url(../fonts/courgette-v8-latin-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/courgette-v8-latin-regular.woff2) format('woff2'),url(../fonts/courgette-v8-latin-regular.woff) format('woff'),url(../fonts/courgette-v8-latin-regular.ttf) format('truetype'),url(../fonts/courgette-v8-latin-regular.svg#Courgette) format('svg')}:root{--transZ:250px}*,:after,:before{box-sizing:border-box;margin:0}body,html{width:100%;overflow-x:hidden}body{font-family:Roboto,sans-serif}p{font-size:1.2rem;letter-spacing:.065rem;color:#ccc}#hero{background-color:#1e1d1d}.rel{position:relative}#scroll-warning{position:absolute;top:50px;left:calc(100% - 50px);will-change:transform;animation:arrowdown .8s 2s 4 linear;opacity:0}#scroll-warning p{transform:scale(5,5) rotate(90deg);color:orange}@keyframes arrowdown{0%{opacity:0;transform:translateY(0)}100%{opacity:1;transform:translateY(50px)}}header{max-width:1200px;margin:0 auto;padding:1rem}.intro p{text-align:center;font-family:Courgette,cursive;font-size:2rem;padding:20px 0;background:-webkit-linear-gradient(225deg,red,#f2a40d,red,#d71fd7,#00f);-webkit-background-clip:text;-webkit-text-fill-color:transparent}hr{height:3px;border:0;background-image:-webkit-linear-gradient(45deg,red,#f2a40d,red,#d71fd7,#00f);margin-bottom:10px}.hero-upper{font:bold 20px sans-serif}.hero-lower{font:italic 20px serif}.ucolour{fill:orange}.lcolour{fill:red}#about,#play-ground{background-color:#1e1d1d;min-height:450px}#contact-me{background-color:#1e1d1d}.wrapper{display:flex;flex-direction:row;max-width:1200px;margin:0 auto}.content{width:50%;padding:2rem;text-align:left;align-self:center}.left2right.animate.animate-me{animation:.5s rtol}.right2left.animate.animate-me{animation:.5s ltor}@keyframes rtol{0%{transform:translateX(-80%);opacity:0}100%{transform:translateX(0);opacity:1}}@keyframes ltor{0%{transform:translateX(80%);opacity:0}100%{transform:translateX(0);opacity:1}}.upper{font:bold 1.9rem sans-serif}.lower{font:italic 1.7rem serif}.pic-about{position:absolute;top:-240px}img{max-width:100%;height:auto}.mail-to{color:#ccc}#par{background-image:url(../media/bg1.jpg)}#par1{background-image:url(../media/bg2.jpg)}#par2{background-image:url(../media/bg3.jpg)}#par,#par1,#par2{height:50vh;background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover}#par3{position:relative;background-image:url(../media/bg2.jpg);height:30vh;background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover}form{max-width:420px;margin:20px auto}input [type=text]{font-family:Roboto,sans-serif}::-webkit-input-placeholder{font-family:Roboto,sans-serif;font-weight:300}.feedback-input{color:#fff;font-size:18px;border-radius:5px;line-height:22px;background-color:transparent;border:2px solid orange;transition:all .3s;padding:13px;margin-bottom:15px;width:100%;box-sizing:border-box;outline:0}.feedback-input:focus{border:2px solid green}textarea{height:150px;line-height:120%;resize:vertical}[type=submit]{width:100%;background:green;border-radius:5px;border:0;cursor:pointer;color:#fff;font-size:1.2rem;padding-top:10px;padding-bottom:10px;transition:all .3s;margin-top:-4px;font-weight:700}[type=submit]:hover{background:orange}.err{text-align:center;line-height:2rem;font-size:1rem;color:red;font-weight:600}.result{text-align:center;line-height:2rem;font-size:1rem;color:green;font-weight:600}.footer{background-color:#0a0b0b;text-align:center;padding:3rem}.foot-item a:link,.foot-item a:visited,.foot-item p{font-size:.9rem;line-height:1.4rem;color:#7d7d7d}.foot-item a:active,.foot-item a:hover{color:orange}.bird{background-image:url(../media/bird-cells-new.svg);background-size:auto 100%;width:88px;height:125px;will-change:background-position;-webkit-animation-name:fly-cycle;animation-name:fly-cycle;-webkit-animation-timing-function:steps(10);animation-timing-function:steps(10);-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.bird--one{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-delay:-.5s;animation-delay:-.5s}.bird--two{-webkit-animation-duration:.9s;animation-duration:.9s;-webkit-animation-delay:-.75s;animation-delay:-.75s}.bird--three{-webkit-animation-duration:1.25s;animation-duration:1.25s;-webkit-animation-delay:-.25s;animation-delay:-.25s}.bird--four{-webkit-animation-duration:1.1s;animation-duration:1.1s;-webkit-animation-delay:-.5s;animation-delay:-.5s}.bird-container{position:absolute;top:5%;left:-10%;transform:scale(0) translateX(-10vw);will-change:transform;-webkit-animation-name:fly-right-one;animation-name:fly-right-one;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.bird-container--one{-webkit-animation-duration:15s;animation-duration:15s;-webkit-animation-delay:0s;animation-delay:0s}.bird-container--two{-webkit-animation-duration:16s;animation-duration:16s;-webkit-animation-delay:1s;animation-delay:1s}.bird-container--three{-webkit-animation-duration:14.6s;animation-duration:14.6s;-webkit-animation-delay:9.5s;animation-delay:9.5s}.bird-container--four{-webkit-animation-duration:16s;animation-duration:16s;-webkit-animation-delay:10.25s;animation-delay:10.25s}@-webkit-keyframes fly-cycle{100%{background-position:-900px 0}}@keyframes fly-cycle{100%{background-position:-900px 0}}@-webkit-keyframes fly-right-one{0%{transform:scale(.3) translateX(-10vw)}10%{transform:translateY(2vh) translateX(10vw) scale(.4)}20%{transform:translateY(0) translateX(30vw) scale(.5)}30%{transform:translateY(4vh) translateX(50vw) scale(.6)}40%{transform:translateY(2vh) translateX(70vw) scale(.6)}50%{transform:translateY(0) translateX(90vw) scale(.6)}60%{transform:translateY(0) translateX(110vw) scale(.6)}100%{transform:translateY(0) translateX(110vw) scale(.6)}}@keyframes fly-right-one{0%{transform:scale(.3) translateX(-10vw)}10%{transform:translateY(2vh) translateX(10vw) scale(.4)}20%{transform:translateY(0) translateX(30vw) scale(.5)}30%{transform:translateY(4vh) translateX(50vw) scale(.6)}40%{transform:translateY(2vh) translateX(70vw) scale(.6)}50%{transform:translateY(0) translateX(90vw) scale(.6)}60%{transform:translateY(0) translateX(110vw) scale(.6)}100%{transform:translateY(0) translateX(110vw) scale(.6)}}@-webkit-keyframes fly-right-two{0%{transform:translateY(-2vh) translateX(-10vw) scale(.5)}10%{transform:translateY(0) translateX(10vw) scale(.4)}20%{transform:translateY(-4vh) translateX(30vw) scale(.6)}30%{transform:translateY(1vh) translateX(50vw) scale(.45)}40%{transform:translateY(-2.5vh) translateX(70vw) scale(.5)}50%{transform:translateY(0) translateX(90vw) scale(.45)}51%{transform:translateY(0) translateX(110vw) scale(.45)}100%{transform:translateY(0) translateX(110vw) scale(.45)}}@keyframes fly-right-two{0%{transform:translateY(-2vh) translateX(-10vw) scale(.5)}10%{transform:translateY(0) translateX(10vw) scale(.4)}20%{transform:translateY(-4vh) translateX(30vw) scale(.6)}30%{transform:translateY(1vh) translateX(50vw) scale(.45)}40%{transform:translateY(-2.5vh) translateX(70vw) scale(.5)}50%{transform:translateY(0) translateX(90vw) scale(.45)}51%{transform:translateY(0) translateX(110vw) scale(.45)}100%{transform:translateY(0) translateX(110vw) scale(.45)}}#slideshow{margin:0 auto;padding:10px;height:350px;width:100%;box-sizing:border-box}.slides{margin:auto;width:250px;perspective:1000px;position:relative;padding-top:40px}.slide-item{width:100%;position:absolute;float:right;animation:rotate 15s infinite linear;transform-style:preserve-3d}.slide-item:hover{animation-play-state:paused;cursor:pointer}.slide-item figure{width:100%;height:180px;border:1px solid red;overflow:hidden;position:absolute}.slide-item figure:nth-child(1){transform:rotateY(0) translateZ(var(--transZ))}.slide-item figure:nth-child(2){transform:rotateY(72deg) translateZ(var(--transZ))}.slide-item figure:nth-child(3){transform:rotateY(144deg) translateZ(var(--transZ))}.slide-item figure:nth-child(4){transform:rotateY(216deg) translateZ(var(--transZ))}.slide-item figure:nth-child(5){transform:rotateY(288deg) translateZ(var(--transZ))}.slide-item figure:nth-child(6){transform:rotateY(360deg) translateZ(var(--transZ))}.shadow{position:absolute;box-shadow:0 0 20px 0 orange;border-radius:1px}.slide-item img{image-rendering:auto;transition:all .3s;width:100%;height:100%}.slide-item img:hover{transform:scale(1.1);transition:all .3s}@keyframes rotate{from{transform:rotateY(0)}to{transform:rotateY(360deg)}}@media only screen and (max-width:1250px){:root{--transZ:175px}#slideshow{height:285px}.slides{width:200px}.slide-item figure{height:144px}}@media only screen and (max-width:975px){:root{--transZ:150px}#slideshow{height:265px}.slides{width:180px}.slide-item figure{height:130px}}@media only screen and (max-width:800px){.wrapper{flex-direction:column}#play-ground>.wrapper{flex-direction:column-reverse}.intro p{font-size:1.5rem;padding:20px 0}.pic-about{top:0;position:relative;text-align:center}.pic-proj{text-align:center}.content{width:100%;padding:1rem .75rem}@keyframes rtol{0%{transform:translateY(30%);opacity:0}100%{transform:translateY(0);opacity:1}}@keyframes ltor{0%{transform:translateY(30%);opacity:0}100%{transform:translateY(0);opacity:1}}}@media only screen and (max-width:650px){:root{--transZ:150px}#slideshow{height:265px}.slides{width:180px}.slide-item figure{height:130px}}@media only screen and (max-width:400px){:root{--transZ:120px}#slideshow{height:235px}.slides{width:150px}.slide-item figure{height:100px}}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){body,html{width:100%;overflow-x:hidden}}