#logo,#logoshad{border-radius:3px;font-size:26px;left:0;width:60px}#border-left,#border-right{width:3px;height:60px;background-color:#000}#border-bottom,#border-left,#border-right,#border-top{background-color:#000}#initials,#page p{margin-top:12px}#c-right p,#page p{text-transform:capitalize}#contact i,#page i{opacity:.6;cursor:pointer}#socials,#spinner{top:-75px;transition:1.5s}#header,#socials{right:0;height:65px}#border-bottom,#border-left,#border-right,#border-top,#page,#socials,#spinner{transition:1.5s}#page i,.orange{color:orange}#header,#menu{position:fixed;margin:auto}#header,#menu,#spinner{margin:auto}#hello,#menu ul li{padding-bottom:10px;transition:1s}#eye p,.arrow{margin-top:10px}#iam,#page p,#s-bio{white-space:nowrap}#about,#skills,#works{top:65px;display:none;padding-top:50px;padding-bottom:50px}#contact,#hello,#iam,#logo,#logoshad,#menu,#menu ul li,#menu ul li i,#page p,.arrow,.webs,.webs img{transition:1s}#logoshad,#page{font-weight:800;font-family:'Open Sans',sans-serif;background-color:#fff;text-align:center;position:absolute;top:0}#contact i,#logo,#menu ul li,#page i,#socials ul li,.webs{cursor:pointer}#logo,#logoshad,#menu ul li,#page{text-align:center}#wrapper{min-height:100%;position:relative}a{color:inherit;text-decoration:none}#header{width:90%;top:30px;left:0;z-index:9999}#spinner{position:absolute;width:25px;height:25px;border-left:1px solid #000;border-bottom:1px solid #000;border-right:1px solid #000;border-radius:30px;left:0;right:0;animation:spinner 1.5s linear infinite;-webkit-animation:spinner 1.5s linear infinite}@-webkit-keyframes spinner{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@-webkit-keyframes spinnertop{0%{top:25px}100%{top:-75px}}#mob-menu,#mob-menu1{display:none}#logo{position:absolute;top:0;height:60px;font-weight:800;font-family:'Open Sans',sans-serif}#logoshad{height:60px}#border-top{position:absolute;top:0;width:0;height:3px;animation:bordertop 1.5s forwards 1;-webkit-animation:bordertop 1.5s forwards 1}#border-left{position:absolute;left:0;bottom:0;animation:borderleft 1.5s forwards 1;-webkit-animation:borderleft 1.5s forwards 1}#border-bottom{position:absolute;bottom:0;right:0;width:60px;height:3px;animation:bordertop 1.5s forwards 1;-webkit-animation:bordertop 1.5s forwards 1}#border-right{position:absolute;right:0;top:0;animation:borderleft 1.5s forwards 1;-webkit-animation:borderleft 1.5s forwards 1}#logo:hover #border-bottom,#logo:hover #border-top{animation:bordertopr 1.5s forwards 1!important;-webkit-animation:bordertopr 1.5s forwards 1!important}#logo:hover #border-left{animation:borderleftr 1.5s forwards 1!important;-webkit-animation:borderleftr 1.5s forwards 1!important}#logo:hover #border-right{animation:borderrightr 1.5s forwards 1!important;-webkit-animation:borderrightr 1.5s forwards 1!important}@-webkit-keyframes bordertop{0%{width:0}100%{width:60px}}@-webkit-keyframes bordertopr{0%{width:60px}100%{width:20px}}@-webkit-keyframes borderleftr{0%{height:60px;bottom:0}100%{height:20px;bottom:40px}}@-webkit-keyframes borderrightr{0%{height:60px;top:0}100%{height:20px;top:40px}}@-webkit-keyframes borderleft{0%{height:0}100%{height:60px}}#page{left:70px;width:0;height:54px;font-size:22px;border:3px solid #000;opacity:0;overflow:hidden}#page i{position:absolute;right:2px;top:2px;font-size:14px;transition:.6s}#menu,#socials{font-family:'Open Sans',sans-serif;font-size:16px;overflow:hidden}#page i:hover{opacity:1}#socials{width:300px;position:absolute}#socials ul{position:absolute;right:10px}#socials ul li{display:inline;padding-left:5px;transition:.7s}#socials ul li:first-child:hover{color:#3B5998}#socials ul li:nth-child(2):hover{color:#A20}#socials ul li:nth-child(2){padding-right:15px}#socials ul li:nth-child(3):hover{text-decoration:underline;color:orange}#menu{width:200px;height:200px;top:0;bottom:0;z-index:99;left:-200px}#menu ul{position:absolute;bottom:0}#menu ul li{list-style:none;width:150px;margin-left:-25px;padding-top:10px}#menu ul li i{font-size:26px;opacity:1}#menu ul li:hover>i,.arrow,.m-text{opacity:0}.m-text{position:absolute;margin-left:-40px;z-index:-1;transition:1s}.arrow{position:absolute;width:35px;height:3px;background-color:orange;margin-left:auto}#f-bio p,#prodesc,#s-bio,#slogos{width:100%}#brain,#ears,#iam,#nose{height:0}#intro,#s-bio{height:100px;text-align:center}#home,#intro,#mid-content{position:absolute;right:0;margin:auto;left:0}#brain p,#ears p{margin-top:-10px}#brain p,#eye p,#mouth p{margin-left:160px}#menu ul li:hover{margin-left:-35px}#menu ul li:hover .m-text{opacity:1}#menu ul li:hover .arrow{opacity:1!important}#home{width:90%;height:500px;transition:1.5s;overflow:hidden;top:65px}#mid-content{top:-110px;bottom:0;width:385px;height:290px}#intro{top:0;bottom:0;width:25px;overflow:hidden;animation:typing 3.5s steps(20,end) forwards,blink-caret .75s step-end infinite;border-right:.15em solid orange;display:none}#hello{border-bottom:5px solid rgba(0,0,0,.7);font-family:Cousine,monospace;font-size:36px;letter-spacing:.15em;width:385px}@keyframes typing{from{width:0}to{width:385px}}@keyframes blink-caret{from,to{border-color:transparent}50%{border-color:orange}}#eye,#mouth{right:0;border-left:1px solid orange;height:25px}#brain,#ears,#eye,#mouth,#nose{margin:auto;border-bottom:1px solid orange;width:0;transition:1.5s}#iam{font-family:'Open Sans',sans-serif;font-size:24px;position:absolute;left:0;right:0;margin:auto;top:250px;bottom:0;text-align:center;overflow:hidden}#brain p,#ears p,#eye p{width:200px;font-size:12px;opacity:0;transition:2.5s;position:absolute}#about{position:absolute;left:0;right:0;margin:auto;width:0;height:auto;overflow:hidden;transition:1.5s}#in-about{position:relative;left:0;right:0;top:10px;bottom:0;margin:auto;width:65%;height:auto}#prodesc{position:relative;height:150px;font-family:Cousine,monospace}#f-bio,#s-bio{font-family:'Open Sans',sans-serif}#prodesc div{opacity:0}#dpic{position:absolute;margin:auto;width:150px;border-radius:200px;left:0;right:0}#brain{position:absolute;left:150px;right:0;top:10px;animation:brain 1.5s forwards 1;-webkit-animation:brain 1.5s forwards 1;-webkit-animation-delay:2s;animation-delay:2s}@-webkit-keyframes brain{0%{width:0;opacity:0}100%{width:150px;opacity:1}}#brain p{animation:opac 2.5s forwards 1;-webkit-animation:opac 2.5s forwards 1;-webkit-animation-delay:2s;animation-delay:2s}@-webkit-keyframes opac{0%{opacity:0}100%{opacity:1}}#eye{position:absolute;left:210px;top:60px;animation:brain 1.5s forwards 1;-webkit-animation:brain 1.5s forwards 1;-webkit-animation-delay:2s;animation-delay:2s}#eye p{animation:opac 2.5s forwards 1;-webkit-animation:opac 2.5s forwards 1;-webkit-animation-delay:2s;animation-delay:2s}#ears{position:absolute;left:0;right:270px;top:50px;animation:brain 1.5s forwards 1;-webkit-animation:brain 1.5s forwards 1;-webkit-animation-delay:2s;animation-delay:2s}#ears p{margin-left:-190px;animation:opac 2.5s forwards 1;-webkit-animation:opac 2.5s forwards 1;-webkit-animation-delay:2s;animation-delay:2s}#nose{position:absolute;left:0;right:150px;top:85px;animation:brain 1.5s forwards 1;-webkit-animation:brain 1.5s forwards 1;-webkit-animation-delay:2s;animation-delay:2s}#mouth p,#nose p{position:absolute;width:200px;font-size:12px;opacity:0;transition:2.5s;animation:opac 2.5s forwards 1}#nose p{margin-left:-100px;margin-top:-7px;-webkit-animation:opac 2.5s forwards 1;-webkit-animation-delay:2s;animation-delay:2s}#mouth{position:absolute;left:150px;top:110px;animation:brain 1.5s forwards 1;-webkit-animation:brain 1.5s forwards 1;-webkit-animation-delay:2s;animation-delay:2s}#mouth p{margin-top:17px;-webkit-animation:opac 2.5s forwards 1;-webkit-animation-delay:2s;animation-delay:2s}#f-bio,#slogos{transition:2.5s;animation:opac 2.5s forwards 1;position:relative;left:0;right:0;opacity:0;overflow:hidden}#s-bio{position:relative;font-size:18px}#f-bio{width:auto;text-align:justify;font-size:14px;-webkit-animation:opac 2.5s forwards 1;-webkit-animation-delay:2s;animation-delay:2s;margin:auto}#exp,#level{font-family:Cousine,monospace;margin:auto;position:absolute}#f-bio p{height:200px}#skills{position:absolute;left:0;right:0;margin:auto;width:0;height:auto;transition:1.5s;overflow:hidden}#in-skills{width:60%;height:450px;border-bottom:2px solid orange;border-left:2px solid orange;position:relative;left:0;right:0;top:0;bottom:0;margin:auto;transition:1.5s}#level{left:-40px;transform:rotate(-90deg);top:0;bottom:0;height:25px}#exp{left:0;right:0;bottom:-30px;text-align:center}#else,#folio{font-family:'Open Sans',sans-serif}#slogos{height:100%;-webkit-animation:opac 2.5s forwards 1;-webkit-animation-delay:2s;animation-delay:2s;margin:auto}.s-logos{width:100px;position:absolute;margin-right:20px}#folio,#in-work,#works{height:auto;margin:auto}#htmlpic{top:30px;right:100px}#csspic{top:30px;right:0}#scriptpic{top:150px;right:110px;width:75px!important}#jqpic{top:150px;right:0}#phpic{top:70px;right:220px;width:120px!important}#psaipic{top:160px;right:220px}#sasspic{top:200px;right:380px}#lesspic{top:160px;right:360px}#angularpic{top:200px;right:480px}#droidpic{top:250px;right:580px}#works{position:absolute;left:0;right:0;width:0;transition:1.5s;overflow:hidden}#folio,#in-work,.webimg,.webs{position:relative}#in-work,.webs img{left:0;right:0;top:0;bottom:0}.clients,.con-in,.webs{display:inline-block}#in-work{width:75%;transition:1.5s;transition:2.5s;animation:opac 2.5s forwards 1;-webkit-animation:opac 2.5s forwards 1;-webkit-animation-delay:2s;animation-delay:2s;opacity:0}#folio{width:90%;left:0;right:0;padding-bottom:80px}.webs{width:380px;height:270px;border:1px dashed orange;margin-top:25px;vertical-align:top;margin-left:25px}.webs:hover{border-style:solid}.webs:hover img{width:420px}.webimg{width:380px;height:198px;overflow:hidden}.webs img{width:380px;position:absolute;margin:auto}.webs p{font-size:16px;width:95%;position:relative;margin:10px auto auto}.webs i{font-size:20px;color:rgba(0,0,0,.6);padding-left:10px;margin-top:10px}#else,#trust{width:90%;margin:auto;left:0;right:0;position:relative}.webs i:last-child{font-size:24px}#trust{height:auto}.work-sub{font-family:Cousine,monospace;text-align:center;font-size:22px;width:100%}.clients p,.comment{font-family:'Open Sans',sans-serif}.clients{position:relative;vertical-align:middle;padding:10px;width:150px;height:170px;border:1px solid rgba(0,0,0,.2);margin-left:25px;margin-top:25px}#contact,.clients img{right:0;left:0;margin:auto}.clients img{width:100px;position:absolute;top:25px;bottom:0}.con-in,.testimos{position:relative}.clients p{text-align:center;width:100%;font-size:12px}#contact{width:75%;height:500px;position:fixed;top:-150vh;border:2px dashed orange;background-color:#fff;z-index:9999}.con-in{vertical-align:top}#c-left{width:33%;height:100%;background-color:rgba(225,225,225,.2)}#c-left-in{margin-top:50px}.testimos{width:85%;text-align:center;margin:20px auto auto;left:0;right:0}#c-right #iii,#c-right form,#c-right p{margin-left:20px}#error,#submitted{width:90%;position:relative;margin:auto;left:0;right:0}.comment .orange{font-size:20px}.comment{font-size:12px}.bycom{font-family:Cousine,monospace;font-size:12px;color:rgba(0,0,0,.7)}#c-right #iii,#c-right form,#c-right form textarea,#c-right p{font-family:'Open Sans',sans-serif}#c-right form #hover,#contact i{color:orange}#c-right{width:65%;height:100%}#c-right-in{margin-top:50px;margin-left:30px}#c-right p{font-size:20px}#c-right #iii{font-size:14px;text-transform:none}#c-right form textarea{border:3px solid #000;padding:5px;width:80%}#c-right form #submit,#error{font-family:Cousine,monospace}#c-right form #client-email,#c-right form #client-name{border:3px solid #000;padding:5px;width:28.5%}#c-right form #client-number{border:3px solid #000;padding:5px;width:16%}#c-right form #submit{border:3px solid #000;padding:5px;width:82%;background-color:#fff}#contact i{position:absolute;right:6px;top:6px;font-size:14px;transition:.6s;z-index:9}#contact i:hover{opacity:1}#error{font-size:22px;border-bottom:1px solid #000}#back,#yayy{font-family:'Open Sans',sans-serif}#submitted{top:120px;text-align:center}#yayy{font-size:24px}#back{font-size:18px}#secs{font-family:Cousine,monospace;font-size:30px}@media only screen and (max-width :480px){#hello,#in-about{width:100%}#eye,#mouth{height:20px}#brain,#mouth{left:50px}#folio,.comment{font-family:'Open Sans',sans-serif}#submitted,.testimos{left:0;right:0;text-align:center}#menu,.webimg{overflow:hidden}#menu,#menu ul,.webs img{bottom:0;top:0}#hello,#menu ul li{padding-bottom:10px}#mid-content{width:95%}#intro{height:80px}#hello{font-size:28px;letter-spacing:.15em;transition:1s;white-space:nowrap}#ears p,#eye p,#nose p{font-size:8px}@keyframes typing{from{width:0}to{width:100%}}@-webkit-keyframes brain{0%{width:0;opacity:0}100%{width:50px;opacity:1}}#brain p,#mouth p{width:100px;font-size:8px;margin-left:55px}#eye{left:110px}#eye p{width:80px;margin-left:55px}#ears{right:170px}#ears p{width:45px;margin-left:-45px;margin-top:-20px}#nose{left:0;right:65px;top:85px}#nose p{width:100px;margin-left:-65px;margin-top:-2px}#mouth{right:0}#skills{padding-bottom:200px}#in-skills{width:83%;height:200px;top:100px}.s-logos{width:45px;position:absolute;margin-right:0}#folio,#in-work{width:100%}#folio,.webimg{position:relative}#htmlpic{right:40px}#csspic{top:30px;right:0}#scriptpic{top:80px;right:50px;width:30px!important}#jqpic{top:80px;right:0}#phpic{top:45px;right:90px;width:55px!important}#psaipic{top:90px;right:90px}#sasspic{top:110px;right:150px}#lesspic{top:90px;right:140px}#angularpic{top:115px;right:190px}#droidpic{top:130px;right:222px}#folio{height:auto;margin:auto;left:0;right:0;padding-bottom:50px}.webs{width:99%;margin-left:0}#c-left,#else,#trust,.webimg,.webs img{width:100%}.webimg{height:198px}.webs img{transition:1s;position:absolute;left:0;right:0;margin:auto}#c-right,#c-right-in,#error,#submitted,.con-in,.testimos{position:relative}.clients{margin-left:22.5%}#contact{width:90%;height:auto;position:absolute;top:-150vh}.con-in{display:inline-block;vertical-align:top}#c-left{height:auto;background-color:rgba(225,225,225,.2)}#c-left-in{margin-top:50px}.testimos{width:90%;margin:15px auto auto}#c-right form #client-name,#c-right form textarea{width:95%;border:3px solid #000;padding:5px}#c-right #iii,#c-right form,#c-right p{margin-left:0}#c-right-in,#error,#menu,#menu ul,#submitted{margin:auto}.comment .orange{font-size:14px}.comment{font-size:10px}.bycom{font-family:Cousine,monospace;font-size:10px;color:rgba(0,0,0,.7)}#c-right #iii,#c-right form,#c-right form textarea,#c-right p{font-family:'Open Sans',sans-serif}#menu ul,#mob-menu1{color:#fff}#c-right{width:100%;height:100%}#c-right-in{left:0;right:0;width:90%}#c-right p{font-size:20px;text-transform:capitalize}#c-right #iii{font-size:14px;text-transform:none}#c-right form #submit,#error{font-family:Cousine,monospace}#c-right form #client-email,#c-right form #client-number{border:3px solid #000;padding:5px;width:95%;margin-top:10px}#c-right form #submit{border:3px solid #000;padding:5px;width:100%;background-color:#fff}#contact i{position:absolute;right:6px;top:6px;color:orange;font-size:14px;opacity:.6;transition:.6s;cursor:pointer}#contact i:hover,.m-text{opacity:1}#error{width:90%;left:0;right:0;font-size:22px;border-bottom:1px solid #000}#back,#yayy{font-family:'Open Sans',sans-serif}#submitted{width:90%;top:120px}#yayy{font-size:24px}#back{font-size:18px}#secs{font-family:Cousine,monospace;font-size:30px}#socials{width:157px}#logo,#logoshad{left:25px}#page{left:95px;font-size:18px;z-index:9999999}#mob-menu,#mob-menu1{font-size:22px;margin-top:20px;display:block;margin-left:-200px;transition:1s}#page p{margin-top:18px}#mob-menu{color:#000}#menu{width:200px;height:100vh;position:fixed;font-family:'Open Sans',sans-serif;font-size:16px;z-index:99;transition:.5s;left:-200px;background-color:#333}#menu ul,.arrow,.m-text{position:absolute}#menu ul li,#menu ul li i,.arrow,.m-text{transition:1s}#menu ul{height:200px}#menu ul li{list-style:none;width:200px;margin-left:-15px;text-align:left;cursor:pointer;padding-top:10px}#menu ul li i{font-size:26px;opacity:1}.m-text{margin-left:5px;z-index:-1}.arrow{width:35px;height:3px;background-color:orange;margin-top:10px;opacity:0;margin-left:auto}#menu ul li:hover{margin-left:-5px}#menu ul li:hover .m-text,#menu ul li:hover>i{opacity:1}#menu ul li:hover .arrow{opacity:0!important}}