*,body{font-family:'Baloo Paaji',cursive}body,h1{color:#fff}.spcial-icons li i,h1{font-size:6em}#snackbar,.center-text{text-align:center}.vertical-center{padding-top:25vh}section{min-height:100vh;background:#fff}.upper-content{margin-top:2em}#curtains{position:fixed;height:100%;width:100%;background:url(../images/curtains.png) top left;z-index:0}.container-fluid{padding-right:0;padding-left:0}h1,h2,h3,h4,h5,h6{font-family:Dosis,cursive}h1{margin-bottom:15px;font-weight:600;text-transform:lowercase}.special-heading span{border-bottom:3px solid #333;color:#fff;padding:5px 10px}.center-text .cycle-text{font-size:20px}.logo{width:120px;margin-left:43%;padding:5px;border:1px solid #fff}.center-text span{font-size:18px}.center-text large{font-size:24px}.logo img,.myImage img{width:100%}.font-24{font-family:Dosis;font-size:3em;font-weight:400}.font-24 span{font-size:.9em;color:#f6ff2d}.home,.skills,.social{background:url('../images/background.jpg') center/cover no-repeat fixed}.about,.contact,.portfolio{padding-top:15vh;color:#333;font-family:Dosis;font-size:2em}.contact{font-size:1em}.myImage{padding:0;shape-outside:ellipse()}.about h2,.contact h2,.portfolio h2{font-size:2em}.contact .details li{margin-bottom:20px;font-size:75%}.skills{padding-top:10vh;background:center/cover no-repeat fixed #000}.skills h2,.social h2{font-size:4em}.skills ul li,.skills ul li h3{font-family:Dosis,sans-serif}.skills ul li p{font-size:1.2em}.social{background:url('../images/social.jpg') center/cover no-repeat fixed}.social h2{text-transform:capitalize;font-family:Dosis}.btn-sub,.dummy-text h3{text-transform:uppercase}.sic{margin-top:5%;margin-bottom:5%}.fb:hover{color:#3b5998!important;opacity:1}.google:hover{color:#dd4b39!important;opacity:1}.twt:hover{color:#00aced!important;opacity:1}.inst:hover{color:#bc2a8d!important;opacity:1}.spcial-icons li a:hover{opacity:1}.input--haruki{font-family:Raleway,Arial,sans-serif;margin:1.5em 1em 1em}.input__field--haruki{padding:.4em .25em;width:100%;background:0 0;color:#f5ff56;font-size:1.4em}.input__label{display:inline-block;float:right;padding:0 1em;width:40%;color:#f5ff56;font-weight:700;font-size:70.25%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.input__label--haruki{position:absolute;width:100%;text-align:left;pointer-events:none}.input__label-content--haruki{transition:transform .3s}.input__label--haruki::after,.input__label--haruki::before{content:'';position:absolute;left:0;z-index:-1;width:100%;height:4px;background:#f5ff56;transition:transform .3s}.input__label--haruki::before{top:0}.input__label--haruki::after{bottom:0}.input--filled .input__label-content--haruki,.input__field--haruki:focus+.input__label--haruki .input__label-content--haruki{transform:translate3d(0,-90%,0)}.input--filled .input__label--haruki::before,.input__field--haruki:focus+.input__label--haruki::before{transform:translate3d(0,-.5em,0)}.input--filled .input__label--haruki::after,.input__field--haruki:focus+.input__label--haruki::after{transform:translate3d(0,.5em,0)}.typed-cursor{opacity:1;-webkit-animation:.7s infinite blink;-moz-animation:.7s infinite blink;animation:.7s infinite blink}@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}@-webkit-keyframes blink{0%,100%{opacity:1}50%{opacity:0}}@-moz-keyframes blink{0%,100%{opacity:1}50%{opacity:0}}.btn-sub{margin-top:8.4em;margin-left:-9.5em;clear:both;padding:.8em 1.2em;border:3px solid #f5ff56;background:0 0;color:#f5ff56;font-size:16px;font-weight:600;font-family:Raleway,sans-serif}.dummy,.info{margin:0 auto}.btn-sub:hover{cursor:pointer;background:#f5ff56;color:#333;border-style:dashed}#snackbar{visibility:hidden;min-width:250px;margin-left:-125px;background-color:#ffc863;color:#333;border-radius:2px;padding:16px;position:fixed;z-index:9999;left:50%;bottom:30px}#snackbar.show{visibility:visible;-webkit-animation:.5s fadein,.5s 2.5s fadeout;animation:.5s fadein,.5s 2.5s fadeout}@-webkit-keyframes fadein{from{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@keyframes fadein{from{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@-webkit-keyframes fadeout{from{bottom:30px;opacity:1}to{bottom:0;opacity:0}}@keyframes fadeout{from{bottom:30px;opacity:1}to{bottom:0;opacity:0}}.dummy{text-align:left;padding:1em;min-height:300px;font-weight:300}.dummy-text{max-width:1000px;font-size:1.65em}.info{text-align:center;max-width:600px;font-size:13px;padding:2em 0}.dummy-text p{margin-top:0;line-height:1.8;text-align:justify}.dummy-text h3{font-weight:700;letter-spacing:2px;font-size:1em;margin:2em 0 1em}.dummy-menu{max-width:100%;padding:4em 1em}.dummy-menu ul,.dummy-team ul{list-style:none;text-align:center;padding:0;margin:0 0 3em}.dummy-menu ul li{display:inline-block;position:relative;margin:0 1em;font-size:1.5em}.dummy-menu ul li a{display:inline-block;font-weight:700;padding:.15em .25em 0;-webkit-transition:color .3s;transition:color .3s}.dummy-menu-icons ul li{width:2em;height:2em;font-size:2em;line-height:1.75}.tooltip{display:inline;position:relative;z-index:999}.tooltip-content{position:absolute;background:url(../images/shape1.svg) center bottom/100% 100% no-repeat;z-index:9999;width:200px;bottom:100%;left:50%;margin-left:-100px;padding:50px 30px;text-align:center;color:#fff;opacity:0;cursor:default;font-size:.55em;line-height:1.4;pointer-events:none;font-family:Kalam,cursive;-webkit-transform:scale3d(.1,.2,1);transform:scale3d(.1,.2,1);-webkit-transform-origin:50% 120%;transform-origin:50% 120%;-webkit-transition:opacity .4s,-webkit-transform .4s cubic-bezier(0.6,0,0.4,1);transition:opacity .4s,transform .4s cubic-bezier(0.6,0,0.4,1)}.tooltip:hover .tooltip-content{opacity:1;pointer-events:auto;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}.tooltip-content::after{content:'';position:absolute;width:16px;height:16px;left:50%;margin-left:-8px;top:100%;background:#00aeef;-webkit-transform:translate3d(0,-60%,0) rotate3d(0,0,1,45deg);transform:translate3d(0,-60%,0) rotate3d(0,0,1,45deg)}#api,#cloud,#cms,#fullstack,#iot,#mvc,#repo,#testing{margin:20px auto;width:125px;height:125px;position:relative}.education{margin-top:5%}.education a{color:#ecef30}.education a:hover{text-decoration:none;transform:scale(1.1)}@media (max-width:768px){#ci,.education h3,.skill-circles{text-align:center}.education .border-right{border-bottom:1px dashed #464646;padding-bottom:2%}}.portfolio ul li{margin-bottom:5%}.hovereffect,.hovereffect .overlay{width:100%;height:100%;overflow:hidden}.hovereffect .overlay,.hovereffect h2{-webkit-transition:.4s cubic-bezier(.88,-.99,0,1.81);transition:.4s cubic-bezier(.88,-.99,0,1.81)}.hovereffect a.info,.hovereffect h2{text-transform:uppercase;color:#fff}.hovereffect{float:left;position:relative;text-align:center;cursor:default}.hovereffect .overlay{position:absolute;top:0;left:0;background-color:rgba(75,75,75,.7)}.hovereffect:hover .overlay{background-color:rgba(48,152,157,.4)}.hovereffect img{display:block;position:relative}.hovereffect h2{text-align:center;position:relative;font-size:17px;padding:10px;background:rgba(0,0,0,.6);-webkit-transform:translateY(45px);-ms-transform:translateY(45px);transform:translateY(45px)}.hovereffect:hover h2{-webkit-transform:translateY(5px);-ms-transform:translateY(5px);transform:translateY(5px)}.hovereffect a.info{display:inline-block;text-decoration:none;border:1px solid #fff;background-color:transparent;opacity:0;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:.4s cubic-bezier(.88,-.99,0,1.81);transition:.4s cubic-bezier(.88,-.99,0,1.81);font-weight:400;margin:-52px 0 0;padding:62px 100px}.hovereffect:hover a.info{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.hovereffect a.info:hover{box-shadow:0 0 5px #fff}.about .descMe{font-size:100%}.social-icons li br,.social-icons li span{display:none}.contact ul{margin-left:0}.border-left{border-left:2px dashed #ddd}.contact h3{font-family:Dosis;font-size:2em;margin-bottom:30px}.text-bold{font-weight:600}.italic{font-style:italic}h4.favQuote{margin-top:20px;font-size:28px}.quote{font-size:22px;color:#adadad;font-family:Dosis}cite{font-size:60%}.bg-grey{background:#555;color:#fff}#map{width:100%;height:500px}.contact hr{margin:40px 0}.contact form{padding-top:0}.skill-circles svg{height:120px}.skill-circles li{height:400px}.skill-circles li>div>div{height:145px}@media screen and (max-width:768px){.font-24{font-size:2.5em}.about .special-heading span{font-size:22px}h2{text-align:center!important}.about h2,.contact h2,.portfolio h2{font-size:42px}.overlay h2{font-size:22px;font-weight:400}.portfolio ul li{padding:0}.social h2{font-size:30px}.social-icons li{margin-bottom:50px}.social-icons li br,.social-icons li span{display:block;font-family:Dosis;font-size:26px}.border-left{border-left:0;border-top:2px dashed #ddd}.contact .details li{font-size:90%}.skill-circles li{text-align:center;margin-bottom:25px;height:280px}.about,.contact,.portfolio{padding:10vh 0;color:#333;font-family:Dosis;font-size:1.5em}}