.browserupgrade{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}.spacer.s_viewport{min-height:100%}html,body{padding:0;margin:0;height:100%;font-family:Karma,serif;color:#afafaf;background:#02000a}html{overflow-x:hidden}#nameSvg{opacity:0}#nameSvg path{fill:#fff}#frame1{background:linear-gradient(#02000a,#02000a);background-size:cover;height:100%;position:relative}#particlesjs{height:100%;width:100%}.figure{position:absolute;top:50%;left:50%;transform:translate(-50%,-100%);width:60%}.figure svg{overflow:visible !important}#jobTitle{position:absolute;top:50%;left:50%;transform:translateX(-50%);font-size:3vw;opacity:0;font-style:italic}#mountain{position:absolute;bottom:-25px;left:0;height:100%;width:100%;opacity:0}#particlesjs canvas{opacity:0;display:block}.scrollmagic-pin-spacer{visibility:hidden}.scrollmagic-pin-spacer *{visibility:visible}#frame2{display:flex}#profilePicContainer{flex-basis:30%;display:flex;padding:2vw}#profilePic{height:20vw;width:20vw;margin:auto;position:relative;opacity:0}#sunglasses{position:absolute;top:7.3vw;left:8vw;width:5.3vw;transform:rotate(3deg);opacity:0}#cigar{position:absolute;top:8.2vw;left:12vw;height:4vw;transform:scaleX(-1);opacity:0}#profilePic::before{content:"";background:url('../img/dp.jpg') 50% 20%;background-size:150%;opacity:.7;top:0;left:0;bottom:0;right:0;position:absolute;border-radius:50%}#aboutContainer{flex-basis:70%;display:flex;padding:2vw}#about{font-size:24px;margin:auto;text-align:left;flex-grow:1;line-height:1.5;opacity:0}@media(max-width:600px){#frame2{flex-direction:column}#profilePicContainer,#aboutContainer{flex-basis:auto;padding:5vw}#profilePic{height:30vw;width:30vw}#sunglasses{top:11vw;left:12vw;width:8.3vw;transform:rotate(3deg)}#cigar{top:12.3vw;left:18vw;height:6vw;transform:scaleX(-1)}}#frame3{padding-top:10vh;position:relative}#frame3 .label{font-size:24px;padding:0 5vw;text-align:center}#skillsLogos{padding:10vh 0 40vh}#skillsLogos .logo-row{display:flex;flex-flow:row wrap;justify-content:center}#skillsLogos .logo{padding:2vw;height:8vw;width:8vw;min-height:120px;min-width:120px;position:relative}#skillsLogos .logo::before{position:absolute;top:1vw;bottom:1vw;left:1vw;right:1vw;background:#fff;opacity:.1;z-index:0}#skillsLogos .logo img{margin:auto;max-width:100%;max-height:100%;-webkit-filter:grayscale(100%);filter:grayscale(100%)}#skillsLogos .logo img[src*=".png"]{width:60%;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#skillsLogos .logo:hover::before{content:''}#skillsLogos .logo:hover img{-webkit-filter:grayscale(0);filter:grayscale(0)}#contactContainer{position:fixed;top:0;bottom:0;left:0;right:0;display:flex;visibility:hidden}#contact{margin:auto;padding:3vw;text-align:center}#contact .header{font-size:48px;font-weight:normal;margin:0}#contact .sub-header{font-size:24px}#contact .icons{font-size:50px;margin-top:7vh}#contact .icons a{margin:0 1vw}#contact a{text-decoration:none;color:#ccc;opacity:0;display:inline-block}#contact a:hover{color:#fff}#contact .email{font-size:20px}#frameTitles{background:#02000a;position:fixed;top:0;width:100%;height:100%;z-index:-1;bottom:0}#frameTitles .top,#frameTitles .bottom{height:50%;position:relative;overflow:hidden;opacity:.1}#frameTitles .top .text,#frameTitles .bottom .text{height:50%;display:block;width:100%;position:absolute;margin:0;font-size:55vh;line-height:1;color:#333;font-family:'Lalezar',cursive;font-weight:normal;left:5vw}#frameTitles .top .text{bottom:0}#frameTitles .bottom .text{top:-25vh}