@import url(https://fonts.googleapis.com/css?family=Anonymous+Pro);@font-face{src:url(../fonts/CupOfSea.ttf);font-family:cupOfSea}body{background-color:white}.main-frame{position:fixed;top:0;bottom:0;left:0;right:0;border:20px solid #f7f7f7;background-color:white;z-index:-1}@media (min-width: 800px){.main-frame{top:20px;left:20px;bottom:20px;right:20px}}.main-body{height:100%;width:100%}.banner-body{width:75%}.banner-content{position:relative;top:35%;transform:translateY(-35%);width:100%;height:600px;margin:auto}.banner-img{background-image:url("../images/bannerImg.jpg");background-size:contain;background-repeat:no-repeat;top:40px;right:20px;height:600px;min-width:280px;z-index:1}.first-name{background-image:url("../images/bipin.png");background-size:contain;background-repeat:no-repeat;height:150px;width:300px;z-index:2}.last-name{background-image:url("../images/shrestha.png");background-size:contain;background-repeat:no-repeat;height:120px;width:400px;z-index:2}.portfolio-body{max-width:1140px;margin:0 auto;display:flex;justify-content:center;align-items:center;height:100vh}.name{position:relative;margin-left:100px}.skill-style{position:relative;margin:20px auto;font-size:1.2em;color:gray;overflow:hidden;border-right:2px solid gray;width:0px;text-align:center;white-space:nowrap;font-family:'Anonymous Pro', monospace}.intro-content span{box-shadow:0px 22px #EDEDED inset;line-height:1.8;height:22px;margin:4px 0px;display:inline;font-size:17px;color:dimgrey;font-family:'Quicksand', sans-serif}.special-links{height:0px;display:inline;text-decoration:none;box-shadow:0px -3px 0px 0px #73ecf0 inset;transition:box-shadow 150ms ease-in-out, -webkit-box-shadow 150ms ease-in-out}.special-links:hover{cursor:pointer;box-shadow:0px -18px 0px 0px #73ecf0 inset}.typewriter-skill{animation:typewriter 2s steps(19) 1s normal both,blinktextcursor 500ms steps(19) infinite normal}@keyframes typewriter{from{width:0}to{width:200px}}@keyframes blinktextcursor{from{border-right-color:gray}to{border-right-color:transparent}}.nav-head{position:-webkit-sticky;position:fixed;top:45px;right:10px;min-width:240px;background-color:#73ecf0;font-family:'QuickSand', sans-serif}.nav-list{list-style-type:none;margin:0px;padding:0px;text-align:center}.nav-item{font-size:1em;display:inline-block;margin:2px 10px;transition:box-shadow 150ms ease-in}.nav-item:hover{box-shadow:0px -24px 0px #fff inset}