.globalNav{position:relative}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:rgba(106,116,134,.5);box-shadow:0 3px 2px hsla(0,0%,9%,.2);color:#fff;z-index:3;position:fixed;width:100%;.icon{height:40px;width:40px;margin-top:25px}}.hamburger{display:none;position:absolute;right:10px;top:15px;flex-direction:column;justify-content:space-between;height:20px;background:none;border:none;cursor:pointer;z-index:1100;-webkit-tap-highlight-color:transparent}.hamburger,.hamburger span{width:30px;transition:all .3s ease;-webkit-transition:all .3s ease}.hamburger span{display:flex;height:2px;background-color:#d3d3d3;border-radius:2px}.hamburger.open{transform:rotate(180deg) translate(-10px)}.hamburger.open span:first-child{transform:rotate(45deg) translate(5px,7px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.drawer{display:none;position:fixed;top:50px;right:-100%;width:250px;height:100%;background-color:rgba(106,116,134,.9);color:#fff;box-shadow:-2px 0 5px rgba(0,0,0,.5);transition:right .3s ease;z-index:999;padding-top:100px}.drawer.open{right:0}.menu{list-style:none;padding:2rem 1rem;margin:0;display:flex;flex-direction:column;gap:1rem}.menu li button{background:none;border:none;color:#fff;font-size:1.2rem;text-align:left;cursor:pointer;transition:color .3s ease}.menu li button:hover{color:#00ff2f}.navLinks{display:flex;gap:1rem;list-style:none;margin:0;padding:0}.navLinks li button{background:none;border:none;color:#fff;font-size:1rem;cursor:pointer;transition:color .3s ease}.navLinks li button:hover{color:#00ff2f}.overlay{width:100vw;height:100vh;position:fixed;top:0;left:0;background-color:rgba(0,0,0,.5);display:none;z-index:2;transition:opacity .3s ease}.open{display:block}@media (max-width:768px){.navLinks{display:none}.hamburger{display:flex}.drawer{display:block}.icon{margin-top:0}.green li{margin-bottom:10px}.green button,.green li a{background-color:transparent;border:none;color:#d3d3d3;margin-left:20px;padding-left:0;font-size:24px;letter-spacing:3px;font-weight:300;&:hover{color:#00ff2f;text-decoration:none;transition:.5s}}}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}html{font-family:Avenir}.visible-on-scroll{display:none}.visible-on-scroll.is-visible{display:block}.wrapper{height:90%}.green a{font-size:16px;margin:0 10px;padding:0!important}.green a:hover{background-color:transparent!important}.green .active a,.green .active a:hover{background-color:transparent!important;color:#21d44f!important}.gray{color:#bec7d5}.title{font-size:55px;letter-spacing:10px;font-weight:700}.subtitle,.title{margin-bottom:20px}.subtitle{font-size:30px;letter-spacing:3px}.header{background-color:rgba(106,116,134,.5);box-shadow:0 3px 2px hsla(0,0%,9%,.2);font-family:arial;position:absolute;height:100px;width:100%;top:0;left:0}.header .container-outer{position:relative;height:100%;width:100%}.header .container{transform:translate(-50%,-50%);min-width:600px;min-height:80px}.header .container,.header ul{position:absolute;top:50%;left:50%}.header ul{min-width:450px;transform:translateX(-50%) translateY(-50%)}.header ul li{color:#7e8898;display:inline-block;padding:0 10px}.header a{text-decoration:none;color:#949eae}.header a:hover{color:#d3d3d3}.header img{position:absolute;top:50%;left:5%;transform:translateX(-50%) translateY(-50%)}.footer2{height:100px;background-color:rgba(106,116,134,.5);box-shadow:0 3px 2px hsla(0,0%,9%,.2);display:flex;justify-content:flex-start;align-items:center;position:fixed;width:100%;top:0;left:0;z-index:3}.footer2-left{display:inline-block;height:50px;width:100px;top:50%;left:20%;position:absolute;transform:translate(-50%,-50%)}.footer2-container{height:50px}.footer2-center{display:inline-block;height:50px;width:80%;position:absolute;font-family:Avenir;margin-left:20vw}.footer2-center a{color:#949eae;font-family:Avenir;text-align:left;font-size:14px;margin-right:20px;transition:color .5s;background-color:transparent;text-decoration:none;&:hover{color:#d3d3d3}&:focus,&:hover{outline:none;text-decoration:none}&:focus{color:#bec7d5}}.footer2-center p{color:#bec7d5;font-family:Avenir;text-align:left;margin-top:18px}.icon{margin-top:15px;@media screen and (max-width:768px){margin-top:0;left:3%}}.footer2-center ul{min-width:450px;position:absolute;transform:translateX(0) translateY(-50%);top:50%;left:0;text-align:left}.footer2-center ul li{color:#7e8898;display:inline-block;padding:0 20px 0 0;text-align:left}.footer2 button,a{text-decoration:none;color:#949eae;transition:.5s;margin:0 20px 0 0;background-color:transparent;border:none}.footer2 button:hover{color:#d3d3d3}.footer2 button:active{color:#21d44f}.footer2 button:focus{background:transparent!important;color:#bec7d5}.active{color:#21d44f}.footer2-right img{margin-top:40px;margin-left:85%}.main{background:url(/_next/static/media/70_COLUMBUS_DAN_ODEA_BannerFlip3.0a20c47a.jpg) no-repeat 50% fixed;background-size:cover;height:900px;color:#fff;padding-bottom:500px;font-family:Avenir}.main .container{position:absolute;width:50%;text-align:left;margin-top:120px;margin-left:25%}.main h1{font-size:70px;margin:0;font-weight:400}.main h2{font-size:16px;margin:0}#top{margin-top:20px;margin-bottom:10px}.main .green{color:#21d44f}.jumbotron{background:rgba(51,59,80,.98)!important;margin:0!important}.main2{background-size:cover;min-height:2500px;color:#fff;font-family:Avenir}.main2 img{max-width:380px}.main2 h2{font-size:40px;font-weight:300}.main2 h3{color:#21d44f;font-size:20px;font-weight:700}.main2 .button{background-color:transparent;border:3px solid #21d44f;padding:20px;color:#fff}.main2 .button:hover{background-color:#21d44f;color:#333b50;transition:.5s;text-decoration:none}.main2 p{font-size:14px!important}.main2 .container{margin-top:100px;position:absolute}.main2 .row{min-height:400px}.main2 img{margin-left:100px;margin-top:25px;border:3px solid #fff}.main2 .col-md-6{text-align:center!important}.main2 .col-md-4{margin-left:30px}.less-1{cursor:pointer;margin-bottom:50px;color:#21d44f}.main2 .p1{margin-bottom:10px!important}.main2 #view,.main2 #view :hover{border:none;padding:0;margin:0;color:#21d44f}.main2 #view :hover{background-color:none}.p2-1{max-height:0;overflow:hidden;transition:max-height .5s ease-in-out}.p2-1.expanded{max-height:500px}.p2-1.collapsed{max-height:0}.project-card{background-color:#333b50;color:#fff;margin:10px;padding:10px;border-bottom:1px solid #d3d3d3}.welcome-outer{position:relative}.welcome{position:absolute;background-color:#333b50;color:#fff;height:400px;width:50%;font-size:16px;margin:-370px 25% 0}.welcome .container{position:relative;width:90%;text-align:center;margin-left:5%;margin-top:35px}.welcome img{height:100px;width:100px}.welcome h1{margin:10px}.welcome h2{margin:0 0 15px}.welcome .btn{text-decoration:none;color:#fff;border:3px solid #21d44f;padding:10px;min-width:120px;display:inline-block;transition:.5s;border-radius:6px;margin-top:15px;font-size:16px;font-weight:500}.btn+.btn{margin-left:15px}.welcome .btn:hover{background-color:#21d44f;color:#333b50;transition:.5s}.professional{padding-top:150px;background:url(/_next/static/media/laptop-journal-book-coffee.97e0f9f1.jpg) no-repeat 50% fixed;background-size:cover;height:1000px;color:#fff;font-family:Arial}.professional .container{position:relative;width:100%;text-align:center;top:50%;left:50%;transform:translate(-50%,-50%)}.professional .left{background-color:gold;display:inline-block;clear:left;height:280px}.professional .center{display:inline-block;height:280px;width:80%;font-family:Avenir;margin-top:50px}.professional ul{margin-top:40px;margin-left:100px;text-align:right;font-family:Avenir;text-transform:uppercase}.professional li{margin-top:20px}@import url(http://fonts.googleapis.com/css?family=Oswald:700);@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700);@keyframes grow-95{0%{right:100%}to{right:5%}}@keyframes grow-90{0%{right:100%}to{right:10%}}@keyframes grow-85{0%{right:100%}to{right:15%}}@-keyframes grow-80{0%{right:100%}to{right:20%}}@-keyframes grow-75{0%{right:100%}to{right:25%}}@-keyframes grow-60{0%{right:100%}to{right:40%}}@-keyframes grow-50{0%{right:100%}to{right:50%}}@-keyframes text-dissolve{0%{opacity:0}to{opacity:100%}}#skills{margin:10px auto 0;position:relative;width:98%}#apps{float:left;width:15%;margin-right:10px}#apps,#apps p{text-align:right}#apps p{padding:10.5px 0;position:relative;z-index:2;color:#d3d3d3;margin-bottom:2px}#scale{padding-bottom:30px;left:0;right:0;bottom:-30px}#scale,#scale p{position:absolute}#scale p{bottom:0;left:-.3%}#scale p.one{left:24%}#scale p.two{left:49%}#scale p.three{left:74%}#scale p.four{left:99%}.grid{border-left:1px dotted #d3d3d3;border-bottom:1px dotted #d3d3d3;float:left;padding:10px 0;position:relative;width:70%;-webkit-animation-play-state:paused}.wrapper75{height:15px;margin-bottom:20px}.bar,.wrapper75{float:left;position:relative;width:100%;z-index:1}.bar{height:20px;margin-bottom:22.5px}.bar .right{-webkit-animation-duration:10s;-webkit-animation-name:text-dissolve}.bar .inner,.inner2,.inner3,.inner4{background-color:#21d44f}.bar .inner,.bar .outer,.inner2,.inner3,.inner4{position:absolute;bottom:0;left:0;top:0;text-align:right}.bar .outer{background-color:gray}.bar.pct-95 .inner{-webkit-animation-duration:2s}.bar.pct-95 .inner,.bar.pct-95 .inner2{-webkit-animation-name:grow-95;right:5%}.bar.pct-95 .inner2{-webkit-animation-duration:3s}.bar.pct-95 .inner3{-webkit-animation-duration:4s;-webkit-animation-name:grow-95;right:5%}.bar.pct-95 .inner4{-webkit-animation-duration:6s;-webkit-animation-name:grow-95;right:5%}.bar.pct-95 .right{right:10%;text-align:right;width:105%}.bar.pct-90 .inner{-webkit-animation-duration:2s;-webkit-animation-name:grow-90;right:10%}.bar.pct-90 .right{right:10%;text-align:right;width:100%}.bar.pct-85 .inner{-webkit-animation-duration:4s}.bar.pct-85 .inner,.bar.pct-85 .inner2{-webkit-animation-name:grow-85;right:15%}.bar.pct-85 .inner2{-webkit-animation-duration:7s}.bar.pct-85 .right{right:10%;text-align:right;width:95%}.bar.pct-80 .inner{animation-duration:2s;animation-name:grow-80;-webkit-animation-duration:2s;-webkit-animation-name:grow-80;right:20%}.bar.pct-75 .inner{-webkit-animation-duration:8s;-webkit-animation-name:grow-75;right:25%}.bar.pct-75 .right{right:10%;text-align:right;width:85%}.bar.pct-50 .inner{-webkit-animation-duration:5s;-webkit-animation-name:grow-50;right:50%}.bar.pct-50 .right{right:10%;text-align:right;background-color:#bec7d5;width:60%}.v-divider{border-right:1px dotted #bec7d5;position:absolute;left:0;right:25%;bottom:0;top:0;z-index:0}.v-divider.one{right:75%}.v-divider.two{right:50%}.portfolio{padding-top:300px;background:url(/_next/static/media/chrysler-center-bg.9450b219.jpg) no-repeat 50% fixed;background-size:cover;height:1000px;color:#fff;font-family:Arial}.portfolio .container{position:relative;width:100%;text-align:center;top:15%;left:50%;transform:translate(-50%,-50%)}.portfolio a{color:#bec7d5;transition:.5s}.portfolio a:hover{color:#21d44f;transition:.5s}.portfolio .row{height:320px;margin-top:50px;display:flex;align-items:center;justify-content:space-around;overflow:scroll;scrollbar-width:none}.portfolio img{display:inline-block;margin:0 12px;border:3px solid #fff}.contact-outer{position:relative}#contact{height:700px;position:absolute;color:#fff;text-align:center;left:50%;top:50%;transform:translate(-50%,-50%)}.contact-inner{min-height:600px;overflow:auto;padding:40px 30px;display:flex;justify-content:space-between;background-color:#333b50;width:100%;margin:150px 0;position:relative;font-family:Avenir}.contact-inner h1{font-weight:400}.column1{width:45%;height:80%;display:inline-block;text-align:left;line-height:200%}.column1 h1{font-size:40px;margin:0 0 15px}.column1 p{font-size:16px}.column2{width:45%;height:80%;display:inline-block;margin:0;left:50%;top:50%;position:static;text-align:left;font-family:Avenir;font-weight:100}.column2 .btn{text-decoration:none;color:#fff;background:none;border:3px solid #21d44f;padding:10px;width:150px;display:inline-block;transition:.5s;border-radius:6px;margin-top:20px}.column2 .btn:hover{background-color:#21d44f;color:#333b50;transition:.5s}.form-control{margin-bottom:15px;width:90%}.form-control,label{display:inline-block}label{max-width:100%;margin-bottom:5px}.error-message{color:red}.professional2{padding-top:250px;background:url(/_next/static/media/laptop-journal-book-coffee.97e0f9f1.jpg) no-repeat 50% fixed;background-size:cover;height:500px;color:#fff;font-family:Arial}.footer{height:150px;background-color:#333b50;display:block;position:relative}.footer-left{width:100px;left:20%}.footer-center,.footer-left{display:inline-block;height:50px;top:50%;position:absolute;transform:translate(-50%,-50%)}.footer-center{width:50%;left:50%}.footer-center p{color:#bec7d5;font-family:Avenir;text-align:center;margin-top:18px}.icon{position:absolute;top:10%}.bottom-nav{height:60px;margin-top:90%;display:block;z-index:10;background-color:#41495d;border-top:1px solid #333b50;position:fixed;bottom:0;left:0;right:0;text-align:center}.bottom-nav ul{list-style:none}.bottom-nav li{padding:15px 3px;display:inline-block;margin:0 4%}.bottom-nav img{color:#fff;height:25px}.bottom-nav button{text-decoration:none;color:#949eae;transition:.5s;background:transparent;border:none}.bottom-nav button:hover{color:#d3d3d3}.bottom-nav button:active{color:#21d44f}@media only screen and (min-width:450px) and (max-width:768px){.footer2{height:50px;display:flex;justify-content:space-between;align-items:center}.footer2-container{height:unset}.footer2-center ul{display:none}.main{height:700px}.welcome{margin-top:-230px;width:80%;margin-left:10%}.welcome .container{width:90%;margin:10% 5% 0}.welcome .btn{border:1px solid #21d44f}.professional{padding-top:50px;height:1200px}#professional{margin-top:200px}.professional .center{width:100%}.professional .container{margin-top:50px;top:40%}#apps{width:20%;font-size:20px}.grid{width:60%}.bar{height:18px;margin-bottom:24px}.portfolio{padding-top:250px;height:1000px}.portfolio .container{top:5%;overflow:hidden}.portfolio .row{height:250px;margin-top:0;display:flex;justify-content:space-around;gap:20px;overflow:scroll;scrollbar-width:none}.portfolio img{width:200px;height:200px;display:block}#contact{width:80%;height:700px}.column2 .btn{border:1px solid #21d44f}.professional2{height:500px}.contact-inner{width:100%;margin:150px 0}.column1 h1{font-size:28px}.footer{display:none}.main2{min-height:3000px}.main2 img{width:80%;margin:0 25px}.main2 .container{margin-top:0}.main2 .row{margin-top:50px;min-height:550px;padding:25px 0}.main2 h2{font-size:32px}.main2 p{margin-bottom:30px!important}#even{background:#41495d}}@media (max-width:760px) and (orientation:landscape),only screen and (max-width:480px){.footer2{height:50px;display:flex;justify-content:space-between;align-items:center}.footer2-container{height:unset}.footer2-center ul{display:none}.main{height:720px}.main h1{font-size:40px}.main .container{height:800px;width:80%;margin-top:100px;margin-left:0;padding-left:10%}.welcome{width:100%;height:380px;margin:-380px 0 0}.welcome h2{margin:0}.welcome img{height:50px;width:50px}.welcome .container{width:90%;margin-right:5%;margin-left:5%}.welcome .btn{border:1px solid #21d44f;width:100%}.btn+.btn{margin-left:0}.professional{padding-top:50px;height:900px}.professional .center{margin-top:0;width:100%}.professional .container{top:40%}#apps{width:25%}.grid{width:60%}.bar.pct-95 .right{width:115%}.bar.pct-85 .right{width:105%}.bar.pct-75 .right{width:95%}#scale p{font-size:12px}.title{font-size:24px;letter-spacing:3px}.subtitle{font-size:16px}.portfolio{padding-top:250px;height:600px}.portfolio .container{top:5%;overflow:hidden}.portfolio .row{height:250px;margin-top:0;display:flex;justify-content:space-around;gap:20px;overflow:scroll;scrollbar-width:none}.portfolio img{width:200px;height:200px;display:block}#contact{width:100%;height:250px}.column2 .btn{border:1px solid #21d44f}.contact-inner{width:100%;margin:50px 0;height:300px}.column1 h1{font-size:28px}.footer{display:none}.main2{min-height:3000px}.main2 img{width:80%;margin:0 25px}.main2 .container{margin-top:0}.main2 .row{margin-top:50px;min-height:550px;padding:25px 0}.main2 h2{font-size:32px}.main2 p{margin-bottom:30px!important}#even{background:#41495d}}@media (min-width:1040px) and (orientation:landscape),only screen and (min-width:800px) and (orientation:portrait){.bottom-nav{display:none}.footer2 ul{display:inline-block}}