@import"https://fonts.googleapis.com/css?family=Raleway:400,300|Raleway+Dots|Lato:300|Inconsolata|Montserrat";body{background:#000;letter-spacing:2px;font-family:Lato,Arial,Helvetica,sans-serif;font-size:16px;padding:0;margin:0;height:100%;width:100%;line-height:1.5;color:#fff}.img{width:40%;height:auto;position:relative}.skills{max-width:50%;margin:40px auto;text-align:center}.skills .hr-text{font-size:3em;position:relative;border:0;height:1.5em}.skills .hr-text:before{content:"";background:linear-gradient(to right,transparent,#b2b2b2,transparent);position:absolute;left:0;top:50%;width:100%;height:1px}.skills .hr-text:after{content:attr(data-content);position:relative;display:inline-block;color:#000;padding:0 .5em;line-height:1.5em;color:#d6d9f6;background-color:#000}.skills li{display:inline-block;font-size:14px}.skills i{font-size:7px}html,body{height:100%;width:100%;overflow:hidden;padding:0;margin:0}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}*{position:absolute}*:before,*:after{content:"";position:absolute}.scene{width:100vw;height:100vh}.background{background:#29284c;background-image:linear-gradient(#29284c,#4c4b82 10%,#717ae1 60%,#75e2fa 90%);width:100%;height:100%;overflow:hidden;z-index:-1}.sea{background:#29284c;background-image:linear-gradient(to top,#29284c,#4c4b82,#717ae1,#75e2fa 90%);width:100%;height:170px;bottom:0;left:0;z-index:2}.stars{inset:0;z-index:1}.stars .star{border-radius:50%;background-color:#b9befa;animation:twinkle 5s linear infinite}.star:nth-of-type(1){top:93vh;left:50vw;width:1px;height:1px;animation-delay:4s}.star:nth-of-type(2){top:22vh;left:94vw;width:4px;height:4px;animation-delay:2s}.star:nth-of-type(3){top:39vh;left:85vw;width:1px;height:1px;animation-delay:1s}.star:nth-of-type(4){top:45vh;left:14vw;width:3px;height:3px;animation-delay:2s}.star:nth-of-type(5){top:1vh;left:70vw;width:2px;height:2px;animation-delay:4s}.star:nth-of-type(6){top:96vh;left:54vw;width:3px;height:3px;animation-delay:3s}.star:nth-of-type(7){top:1vh;left:44vw;width:2px;height:2px;animation-delay:5s}.star:nth-of-type(8){top:57vh;left:66vw;width:1px;height:1px;animation-delay:4s}.star:nth-of-type(9){top:74vh;left:36vw;width:2px;height:2px;animation-delay:1s}.star:nth-of-type(10){top:42vh;left:94vw;width:3px;height:3px;animation-delay:1s}.star:nth-of-type(11){top:98vh;left:80vw;width:2px;height:2px;animation-delay:4s}.star:nth-of-type(12){top:10vh;left:94vw;width:2px;height:2px;animation-delay:4s}.star:nth-of-type(13){top:25vh;left:83vw;width:2px;height:2px;animation-delay:4s}.star:nth-of-type(14){top:22vh;left:80vw;width:3px;height:3px;animation-delay:4s}.star:nth-of-type(15){top:76vh;left:90vw;width:3px;height:3px;animation-delay:1s}.star:nth-of-type(16){top:32vh;left:7vw;width:3px;height:3px;animation-delay:3s}.star:nth-of-type(17){top:93vh;left:48vw;width:4px;height:4px;animation-delay:2s}.star:nth-of-type(18){top:91vh;left:75vw;width:4px;height:4px;animation-delay:3s}.star:nth-of-type(19){top:75vh;left:64vw;width:1px;height:1px;animation-delay:1s}.star:nth-of-type(20){top:97vh;left:98vw;width:3px;height:3px;animation-delay:3s}.star:nth-of-type(21){top:94vh;left:21vw;width:4px;height:4px;animation-delay:1s}.star:nth-of-type(22){top:85vh;left:98vw;width:1px;height:1px;animation-delay:2s}.star:nth-of-type(23){top:87vh;left:34vw;width:2px;height:2px;animation-delay:3s}.star:nth-of-type(24){top:74vh;left:91vw;width:3px;height:3px;animation-delay:4s}.star:nth-of-type(25){top:70vh;left:88vw;width:4px;height:4px;animation-delay:1s}.star:nth-of-type(26){top:59vh;left:91vw;width:4px;height:4px;animation-delay:4s}.star:nth-of-type(27){top:31vh;left:64vw;width:4px;height:4px;animation-delay:4s}.star:nth-of-type(28){top:72vh;left:75vw;width:4px;height:4px;animation-delay:4s}.star:nth-of-type(29){top:19vh;left:36vw;width:2px;height:2px;animation-delay:4s}.star:nth-of-type(30){top:73vh;left:61vw;width:4px;height:4px;animation-delay:3s}.star:nth-of-type(31){top:99vh;left:10vw;width:1px;height:1px;animation-delay:5s}.star:nth-of-type(32){top:20vh;left:86vw;width:3px;height:3px;animation-delay:5s}.star:nth-of-type(33){top:30vh;left:69vw;width:2px;height:2px;animation-delay:3s}.star:nth-of-type(34){top:92vh;left:21vw;width:1px;height:1px;animation-delay:3s}.star:nth-of-type(35){top:11vh;left:86vw;width:4px;height:4px;animation-delay:1s}.star:nth-of-type(36){top:53vh;left:51vw;width:3px;height:3px;animation-delay:2s}.star:nth-of-type(37){top:14vh;left:7vw;width:4px;height:4px;animation-delay:4s}.star:nth-of-type(38){top:65vh;left:45vw;width:3px;height:3px;animation-delay:2s}.star:nth-of-type(39){top:24vh;left:15vw;width:3px;height:3px;animation-delay:1s}.star:nth-of-type(40){top:97vh;left:80vw;width:1px;height:1px;animation-delay:2s}.star:nth-of-type(41){top:6vh;left:36vw;width:4px;height:4px;animation-delay:4s}.star:nth-of-type(42){top:26vh;left:3vw;width:3px;height:3px;animation-delay:5s}.star:nth-of-type(43){top:35vh;left:36vw;width:4px;height:4px;animation-delay:3s}.star:nth-of-type(44){top:62vh;left:65vw;width:2px;height:2px;animation-delay:1s}.star:nth-of-type(45){top:59vh;left:57vw;width:4px;height:4px;animation-delay:1s}.star:nth-of-type(46){top:9vh;left:52vw;width:3px;height:3px;animation-delay:5s}.star:nth-of-type(47){top:19vh;left:38vw;width:4px;height:4px;animation-delay:4s}.star:nth-of-type(48){top:95vh;left:31vw;width:2px;height:2px;animation-delay:2s}.star:nth-of-type(49){top:24vh;left:83vw;width:3px;height:3px;animation-delay:5s}.star:nth-of-type(50){top:55vh;left:5vw;width:1px;height:1px;animation-delay:4s}.star:nth-of-type(51){top:9vh;left:16vw;width:2px;height:2px;animation-delay:2s}.star:nth-of-type(52){top:11vh;left:10vw;width:3px;height:3px;animation-delay:5s}.star:nth-of-type(53){top:89vh;left:73vw;width:4px;height:4px;animation-delay:4s}.star:nth-of-type(54){top:45vh;left:100vw;width:2px;height:2px;animation-delay:5s}.star:nth-of-type(55){top:9vh;left:20vw;width:1px;height:1px;animation-delay:1s}.star:nth-of-type(56){top:35vh;left:49vw;width:4px;height:4px;animation-delay:5s}.star:nth-of-type(57){top:90vh;left:6vw;width:3px;height:3px;animation-delay:2s}.star:nth-of-type(58){top:48vh;left:50vw;width:3px;height:3px;animation-delay:3s}.star:nth-of-type(59){top:66vh;left:31vw;width:2px;height:2px;animation-delay:5s}.star:nth-of-type(60){top:12vh;left:65vw;width:1px;height:1px;animation-delay:1s}.moon{width:80px;height:80px;top:13%;right:5%;border-radius:50%;z-index:2;background-color:#d6d9f6;box-shadow:0 0 10px #d6d9f6,0 0 20px #d6d9f6,0 0 30px #d6d9f6,0 0 40px #d6d9f6,0 0 50px #75e2fa,0 0 100px #d6d9f6}.mountains{width:100%;height:250px;bottom:65px;z-index:1}.mountains .mountain{width:250px;height:250px;background-color:#717ae1;right:50px;bottom:-40px;transform:rotate(45deg);border-radius:3px}.mountains .mountain:after{width:100%;height:100%;opacity:.7;background-image:linear-gradient(135deg,#4c4b82,#717ae1,#75e2fa 40%)}.mountains .mountain:nth-child(2){right:220px;width:240px;height:240px;z-index:2}.mountains .mountain:nth-child(3){right:350px;width:260px;height:260px}.mountains .mountain:nth-child(4){right:130px;width:200px;height:200px;z-index:3;bottom:-70px}.mountains .mountain:nth-child(4):after{background-image:linear-gradient(135deg,#4c4b82,#717ae1 6%,#75e2fa 20%)}.wave{background-color:#d6d9f6;height:3px;border-radius:100%;opacity:.2;animation:wave 5s linear infinite}.wave:nth-of-type(1){bottom:45px;left:93vw;width:137px;opacity:.3;animation-delay:2s}.wave:nth-of-type(2){bottom:42px;left:88vw;width:113px;opacity:.2;animation-delay:3s}.wave:nth-of-type(3){bottom:154px;left:88vw;width:115px;opacity:.5;animation-delay:1s}.wave:nth-of-type(4){bottom:63px;left:46vw;width:139px;opacity:.2;animation-delay:1s}.wave:nth-of-type(5){bottom:131px;left:16vw;width:141px;opacity:.2;animation-delay:3s}.wave:nth-of-type(6){bottom:116px;left:29vw;width:121px;opacity:.1;animation-delay:1s}.wave:nth-of-type(7){bottom:84px;left:13vw;width:67px;opacity:.1;animation-delay:3s}.wave:nth-of-type(8){bottom:113px;left:60vw;width:108px;opacity:.1;animation-delay:2s}.wave:nth-of-type(9){bottom:151px;left:29vw;width:121px;opacity:.4;animation-delay:1s}.wave:nth-of-type(10){bottom:148px;left:3vw;width:75px;opacity:.5;animation-delay:3s}.wave:nth-of-type(11){bottom:112px;left:95vw;width:131px;opacity:.2;animation-delay:2s}.wave:nth-of-type(12){bottom:127px;left:9vw;width:145px;opacity:.2;animation-delay:2s}.wave:nth-of-type(13){bottom:17px;left:34vw;width:85px;opacity:.1;animation-delay:3s}.wave:nth-of-type(14){bottom:5px;left:51vw;width:124px;opacity:.5;animation-delay:3s}.wave:nth-of-type(15){bottom:91px;left:95vw;width:104px;opacity:.1;animation-delay:1s}.wave:nth-of-type(16){bottom:157px;left:62vw;width:101px;opacity:.3;animation-delay:1s}.wave:nth-of-type(17){bottom:34px;left:60vw;width:135px;opacity:.2;animation-delay:2s}.wave:nth-of-type(18){bottom:89px;left:2vw;width:66px;opacity:.1;animation-delay:1s}.wave:nth-of-type(19){bottom:56px;left:45vw;width:67px;opacity:.5;animation-delay:1s}.wave:nth-of-type(20){bottom:157px;left:23vw;width:61px;opacity:.1;animation-delay:3s}.wave:nth-of-type(21){bottom:142px;left:5vw;width:132px;opacity:.5;animation-delay:1s}.wave:nth-of-type(22){bottom:4px;left:67vw;width:142px;opacity:.4;animation-delay:2s}.wave:nth-of-type(23){bottom:21px;left:14vw;width:127px;opacity:.3;animation-delay:1s}.wave:nth-of-type(24){bottom:119px;left:42vw;width:97px;opacity:.2;animation-delay:1s}.wave:nth-of-type(25){bottom:30px;left:41vw;width:58px;opacity:.2;animation-delay:2s}.wave:nth-of-type(26){bottom:112px;left:48vw;width:81px;opacity:.1;animation-delay:2s}.wave:nth-of-type(27){bottom:115px;left:74vw;width:94px;opacity:.3;animation-delay:1s}.wave:nth-of-type(28){bottom:7px;left:36vw;width:103px;opacity:.3;animation-delay:2s}.wave:nth-of-type(29){bottom:144px;left:15vw;width:130px;opacity:.1;animation-delay:1s}.wave:nth-of-type(30){bottom:106px;left:87vw;width:110px;opacity:.1;animation-delay:2s}.boat{left:80vw;width:90px;height:90px;animation:boat 20s linear infinite}.boat:after{height:8px;width:200px;background:linear-gradient(90deg,#d6d9f6b3 30%,#fff0);border-radius:40%;top:105px;left:20px;z-index:-1;animation:boatShadow 20s linear infinite}.boat:before{width:85px;height:40px;left:25px;bottom:-60px;background:linear-gradient(to bottom,#29284ccc 30%,#29284c00);z-index:-1}.boat .base{width:110px;height:25px;bottom:-20px;clip-path:polygon(0 0,100% 0,100% 100%,20% 100%);background-color:#4c4b82}.boat .sail:nth-child(3){width:90px;height:80px;left:5px;clip-path:polygon(50% 0%,0% 100%,50% 100%);background:linear-gradient(#b9befa,#4c4b82 60%)}.boat .sail:nth-child(2){width:80px;height:70px;left:15px;bottom:10px;transform:scaleX(-1);clip-path:polygon(50% 0%,0% 100%,50% 100%);background:linear-gradient(#b9befa,#4c4b82 60%)}.land{width:400px;height:60px;left:-30px;top:90vh;background-image:linear-gradient(to top,#29284c 80%,#717ae1);transform:skew(35deg);border-radius:10px}.lighthouse-holder{height:400px;width:100px;bottom:-90vh;left:180px}.lighthouse{width:100%;height:100%;transform:perspective(600px) rotateX(20deg);background-color:#d6d9f6;background-image:repeating-linear-gradient(-40deg,transparent,transparent 60px,#4c4b82 60px,#4c4b82 120px)}.lighthouse:after{width:100%;height:100%;opacity:1;background-image:linear-gradient(90deg,rgba(214,217,246,.6) 0%,#29284c 8%,transparent 70%,rgba(214,217,246,.4) 100%)}.shadow{width:117px;height:50px;left:-30px;top:91vh;background:#29284c;transform:skew(-45deg)}.windows{height:100%;width:100%}.windows .window{background-color:#29284c;height:25px;width:15px;left:43px;border-bottom:2px solid rgba(185,190,250,.7);border-radius:25px 25px 0 0}.windows .window:nth-of-type(1){bottom:90px}.windows .window:nth-of-type(2){bottom:180px}.windows .window:nth-of-type(3){bottom:270px}.windows .window:nth-of-type(4){bottom:360px}.door{background-color:#29284c;height:40px;width:25px;left:38px;bottom:-2px;border-radius:2px 2px 0 0}.door .stairs{width:27px;height:28px;background-color:#29284c;top:34px;left:-1px;transform:perspective(100px) rotateX(45deg);background-image:repeating-linear-gradient(to bottom,#29284c,#29284c 4px,#b9befa 4px,#ffffff1a 5px)}.top{width:94px;height:60px;left:3px;top:-15px}.top .rail{width:100%;height:17px;bottom:1px;border:3px solid #29284c;border-radius:1px;transform:perspective(1000px) rotateX(-35deg);background-image:repeating-linear-gradient(90deg,#29284c,#29284c 3px,#9e9ebe 3px,#f7f2b4 10px);background-position:-2px 0}.middle{width:88px;height:35px;left:3px;bottom:14px;border:2px solid #29284c;border-radius:3px;background-image:repeating-linear-gradient(90deg,#29284c,#29284c 4px,#9e9ebe 4px,#fff0 21px);background-position:-2px 0}.middle:before{width:100%;height:100%;z-index:-1;background-color:#f7f2b4;box-shadow:0 0 10px #d6d9f6,0 0 20px #f7f2b4,0 0 30px #f7f2b4,0 0 40px #f7f2b4,0 0 70px #f7f2b4}.roof{width:0px;height:0px;left:-3px;bottom:45px;border-left:50px solid rgba(255,255,255,0);border-right:50px solid rgba(255,255,255,0);border-bottom:40px solid #29284c}.roof:before{width:14px;height:14px;left:-7px;bottom:-7px;background-color:#29284c;border-radius:50%}.roof:after{width:4px;height:14px;left:-2px;bottom:5px;background-color:#29284c;border-radius:3px}.roof-light{width:100px;height:40px;left:-50px;clip-path:polygon(50% 0,0% 100%,100% 100%);background-image:linear-gradient(135deg,#29284c 40%,#f7f2b480)}.light-container{height:40px;width:35vw;bottom:4px;left:40px;transform-style:preserve-3d;transform-origin:left bottom;transform:perspective(500px) rotateY(0);animation:lightRotate 40s linear infinite}.light-container .light{width:100%;height:100%;transform-style:preserve-3d;transform-origin:left center;transform:perspective(500px) rotateY(-35deg);background:linear-gradient(90deg,#f7f2b4 40%,#fff0)}.glow{width:100px;height:60px;top:0;left:0;background-color:#f7f2b4;opacity:0;border-radius:50%;box-shadow:0 0 10px #f7f2b4,0 0 20px #f7f2b4,0 0 30px #f7f2b4,0 0 40px #f7f2b4,0 0 50px #f7f2b4,0 0 60px #f7f2b4,0 0 70px #f7f2b4,0 0 80px #f7f2b4;animation:lightGlow 40s linear infinite}@keyframes twinkle{0%,to{opacity:1}50%{opacity:.3}}@keyframes wave{0%,to{transform:translate(0)}50%{transform:translate(-10px)}}@keyframes boat{0%{transform:translate(15vw) scale(.8)}to{transform:translate(-95vw) scale(.8)}}@keyframes boatShadow{0%{transform:skew(35deg) translate(15px)}50%,to{transform:skew(-55deg) translate(-40px)}}@keyframes lightRotate{0%,to{transform:perspective(500px) rotateY(0)}25%{transform:perspective(500px) rotateY(35deg)}75%{transform:perspective(500px) rotateY(-35deg)}}@keyframes lightGlow{0%,50%,to{opacity:0}75%{opacity:1}}