*{box-sizing:border-box}html,body{position:relative;z-index:10;background:#ffffff;margin:0;padding:0;width:100%;height:100%;font-size:20px;line-height:26px;font-family:'Dosis',sans-serif;font-weight:300}body{overflow-y:scroll}header{background:#ffffff;z-index:1000}header #logo svg{height:100%;width:auto}header #logo svg .st0{fill:#333333}header #menuBtn>label{display:block;z-index:1000;position:relative;border:2px solid #333333;border-radius:50%}header #menuBtn>label>span{display:block;position:absolute;top:50%;left:50%;transition:all 300ms linear}header #menuBtn>label>span:nth-child(1){width:16px;margin-left:-8px;height:2px;margin-top:-1px;background:#333333;overflow:hidden;text-indent:-1000px}header #menuBtn>label>span:nth-child(2){width:16px;margin-left:-8px;height:2px;margin-top:-1px;background:#333333}header #menuBtn>label>span:nth-child(3){width:8px;margin-left:-8px;height:2px;margin-top:-8px;background:#333333}header #menuBtn>label>span:nth-child(4){width:8px;margin-left:0;height:2px;margin-top:6px;background:#333333}header #menuBtn>label:after{content:'';display:block;position:absolute;left:4px;top:4px;width:104%;height:104%;border-radius:50%;z-index:-1;background-color:#4bad32;opacity:.2;background:repeating-linear-gradient(45deg, #4bad32, #4bad32 3px, transparent 3px, transparent 6px);transition:all 300ms linear}header #menuBtn>label:hover{cursor:pointer}header #menuBtn>label:hover>span:nth-child(3){margin-left:0}header #menuBtn>label:hover>span:nth-child(4){margin-left:-8px}header #menuBtn>label:hover:after{left:0;top:0;opacity:.5;background:#4bad32}footer ul{position:relative}footer ul:after{content:'';display:block;position:absolute;left:50%;top:100%;width:1px;height:80px;background:#4bad32;z-index:-1}footer ul li a{display:block;position:relative;width:100%;height:100%;border-radius:50%;background:#4bad32;transition:all 150ms linear}footer ul li a svg{width:100%;height:100%}footer ul li a>span{display:block;position:absolute;top:0;left:100%;width:auto;height:100%;padding-left:0;opacity:0;white-space:nowrap;font-size:20px;color:#adadad;font-style:italic;transition:all 200ms linear}footer ul li a:hover{margin-left:-2px}footer ul li a:hover>span{padding-left:10px;opacity:1}#menuBg{display:block;position:fixed;width:100vw;height:0;z-index:0;background:#4bad32;opacity:0;transition:opacity 300ms linear}#menuBg:hover{cursor:pointer}#menuContent{position:fixed;height:100vh;right:-100%;background:#ffffff;z-index:999;overflow:hidden;border-radius:50px / 50%;transition:right 300ms linear,border-radius 300ms linear}#menuContent ul li a,#menuContent ul li span{display:inline-block;position:relative;color:#4bad32;padding:0 40px 0 0;transition:all 300ms linear}#menuContent ul li a:after,#menuContent ul li span:after{content:'';display:block;position:absolute;bottom:10px;left:0;width:0;height:2px;background:#4bad32;transition:all 300ms linear}#menuContent ul li a.active,#menuContent ul li span.active{padding:0 0 0 40px;color:#333333;cursor:auto}#menuContent ul li a.active:after,#menuContent ul li span.active:after{left:-80px;width:100px;background:#333333}#menuContent ul li a:not(.active):hover,#menuContent ul li span:not(.active):hover{padding:0 20px 0 20px}#menuContent ul li a:not(.active):hover:after,#menuContent ul li span:not(.active):hover:after{left:-40px;width:40px;background:#4bad32}#menuContent ul li span:before{content:"Coming\00a0soon";position:absolute;left:100%;bottom:10px;width:auto;height:auto;font-size:30px;line-height:30px;color:#adadad;padding:0 40px 0 0;opacity:0;font-style:italic;transition:all 600ms linear}#menuContent ul li span:hover{opacity:.5;text-decoration:line-through}#menuContent ul li span:hover:before{opacity:1;padding:0 0 0 40px}input#menuCheck{display:none}input#menuCheck:checked+header #menuBtn>label>span:nth-child(1){transform:rotate(45deg)}input#menuCheck:checked+header #menuBtn>label>span:nth-child(2){transform:rotate(-45deg)}input#menuCheck:checked+header #menuBtn>label>span:nth-child(3){opacity:0}input#menuCheck:checked+header #menuBtn>label>span:nth-child(4){opacity:0}input#menuCheck:checked+header+#menuBg{z-index:998;opacity:.7;height:100vh}input#menuCheck:checked+header+#menuBg+#menuContent{right:0;border-radius:0}#top h1{position:relative;font-size:60px;line-height:65px;font-weight:300}#top h1 strong{font-size:70px;font-weight:300}#top p{font-size:24px}#top p strong{font-weight:600}#about{position:relative}#about h2{position:relative;padding-left:80px;font-size:60px;font-weight:300;text-transform:uppercase;color:#adadad}#about h2:after{content:'';display:block;position:absolute;top:50%;left:0;width:60px;height:1px;background:#adadad}@media (min-width:1024px){#about h2{position:absolute;top:0;left:90%;transform-origin:0 0;transform:rotate(90deg);white-space:nowrap;padding-left:80px;font-size:30px;font-weight:300;text-transform:uppercase;color:#adadad}#about h2:after{content:'';display:block;position:absolute;top:50%;left:0;width:60px;height:1px;background:#adadad}}#about #aboutScroll{position:absolute;left:25%;width:1px;height:100%;top:-250px;background:#adadad}#about #aboutScroll>a{position:absolute;width:100px;height:54px;top:-60px;left:-50px;padding:4px 0 0 0;text-align:center;font-size:17px;color:#adadad;line-height:19px;text-transform:uppercase;transition:all 200ms linear}#about #aboutScroll>a:hover{cursor:pointer;padding:0 0 4px 0}#about #aboutScroll>a:after{content:'';display:block;position:absolute;width:12px;height:12px;top:24px;left:50%;border-right:1px solid #adadad;border-bottom:1px solid #adadad;transform-origin:0 0;transform:rotate(45deg)}#about #aboutScroll>a:before{content:'';display:block;position:absolute;width:12px;height:12px;top:36px;left:50%;border-right:1px solid #adadad;border-bottom:1px solid #adadad;transform-origin:0 0;transform:rotate(45deg)}#about #aboutContent{position:relative}#about #aboutContent h3{font-size:45px;line-height:50px;font-weight:600}#about #aboutContent ul.skills li{display:inline-block;border:2px solid #4bad32;border-radius:13px;padding:0 14px 0 14px;margin:5px 5px 0 0;font-size:16px;line-height:26px;color:#4bad32}#blog{position:relative}#blog h2{position:relative;padding-left:80px;font-size:60px;font-weight:300;text-transform:uppercase;color:#adadad}#blog h2:after{content:'';display:block;position:absolute;top:50%;left:0;width:60px;height:1px;background:#adadad}#blog #blogControl{padding-left:70px}#blog #blogControl>span{display:block;position:relative;width:60px;height:60px;border-radius:50%;border:1px solid #adadad;overflow:hidden;text-indent:-1000px;margin-left:10px;transition:all 300ms linear}#blog #blogControl>span:after{content:'';display:block;position:absolute;left:50%;top:50%;transform-origin:50% 50%;width:11px;height:10px;border-right:1px solid #adadad;border-bottom:1px solid #adadad;transform:rotate(-45deg);margin-top:-4px;margin-left:-1px;transition:all 300ms linear}#blog #blogControl>span:before{content:'';display:block;position:absolute;left:50%;top:50%;transform-origin:50% 50%;width:15px;height:1px;background:#adadad;margin-left:-9px;transition:all 300ms linear}#blog #blogControl>span#blogControlPrev{transform:rotate(180deg)}#blog #blogControl>span.active{border:1px solid #4bad32}#blog #blogControl>span.active:after{border-right-color:#4bad32;border-bottom-color:#4bad32}#blog #blogControl>span.active:before{background:#4bad32}#blog #blogControl>span.active:hover{background:#4bad32;cursor:pointer}#blog #blogControl>span.active:hover:after{border-right-color:#ffffff;border-bottom-color:#ffffff}#blog #blogControl>span.active:hover:before{background:#ffffff}#blog #blogContent{position:relative}#blog #blogContent h3{position:relative;font-size:30px;line-height:30px;font-weight:600;color:#333333;padding-bottom:40px}#blog #blogContent h3:after{content:'';display:block;position:absolute;bottom:20px;left:0;width:60px;height:2px;background:#4bad32}#blog #blogContent h3>span{position:relative;padding-left:20px;font-size:14px;font-weight:300;text-transform:uppercase;color:#adadad}#blog #blogContent h3>span:after{content:'';display:block;position:absolute;top:50%;left:0;width:16px;height:1px;background:#adadad}#blog #blogContent ul li{border:1px solid #adadad}#blog #blogContent p{font-style:italic;font-size:16px}#blog #blogContent p span.todo{opacity:.7}#projects{position:relative}#projects h2{position:relative;padding-left:80px;font-size:60px;font-weight:300;text-transform:uppercase;color:#adadad}#projects h2:after{content:'';display:block;position:absolute;top:50%;left:0;width:60px;height:1px;background:#adadad}#projects #projectsContent{position:relative}#projects #projectsContent p{font-style:italic}#projects #projectsContent p.coomingSoon{color:#adadad}.btn{display:inline-block;position:relative;border:2px solid #333333;border-radius:20px;height:40px;padding:0 30px 0 30px;font-size:15px;line-height:35px;font-weight:600;transition:all 300ms linear}.btn:after{content:'';display:block;position:absolute;left:4px;top:4px;width:100%;height:38px;border-radius:20px;z-index:-1;background-color:#4bad32;opacity:.3;background:repeating-linear-gradient(45deg, #4bad32, #4bad32 3px, transparent 3px, transparent 6px);transition:all 300ms linear}.btn:hover{cursor:pointer}.btn:hover:after{left:0;top:0;opacity:.5;background:#4bad32}