finalStyle.min.css

html,body{margin:0;padding:0}body{font-family:'Lato','Helvetica Neue',Helvetica,Arial,sans-serif;overflow-x:hidden;font-size:16px;color:#D8D8D8}.col-lg-4{padding-top:0.5%}p{font-size:17px;font-family:'Open Sans',Helvetica,Arial,sans-serif}p.small{font-size:16px;font-family:'Open Sans',Helvetica,Arial,sans-serif}.light{font-weight:400}b,strong{font-weight:400}a,a:hover,a:focus,a:active,a.active{color:white;text-decoration:underline}h1,h2,h3,h4,h5,h6{font-family:"Montserrat","Helvetica Neue",Helvetica,Arial,sans-serif;text-transform:uppercase;font-weight:700}.sectionhr{width:130px;padding-top:10px;border-top:4px solid #01A9DB;margin-bottom:15px}section h2{margin:0;font-size:2.5em}@media (max-width: 767px){#experienceid{padding:10px 30px}section{padding:75px 0px 55px 0px}section.first{padding-top:75px}}.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px}.btn-default:hover{color:#01A9DB;background-color:#fff}.btn-outline{color:white;font-size:20px;border:solid 2px #01A9DB;background:#01A9DB;transition:all 0.5s ease-in-out;margin-top:15px;text-decoration:none}.btn-outline:hover,.btn-outline:focus,.btn-outline:active,.btn-outline.active{color:white;background:#01BCF5;border:solid 2px #01BCF5}.btn-primary{color:white;background-color:#2C3E50;border-color:#2C3E50;font-weight:700}.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary{color:white;background-color:#1a242f;border-color:#161f29}.btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active{background-color:#2C3E50;border-color:#2C3E50}.btn-primary .badge{color:#2C3E50;background-color:white}.btn-success{color:#01A9DB;background-color:white;border-color:white;font-weight:700}.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success{color:white;background-color:#01A9DB;border-color:#01A9DB}.btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success{background-image:none}.btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active{background-color:#18BC9C;border-color:#18BC9C}.btn-success .badge{color:#18BC9C;background-color:white}.scroll-top{position:fixed;right:2%;bottom:2%;width:50px;height:50px;z-index:1049}.scroll-top .btn{font-size:20px;width:50px;height:50px;border-radius:100%;line-height:28px}#skipnav a{padding:6px;position:absolute;top:-40px;left:0px;color:white;border-right:1px solid white;border-bottom:1px solid white;border-bottom-right-radius:8px;background:transparent;transition:top 1s ease-out, background 1s linear;z-index:2000}#skipnav a:focus{position:absolute;left:0px;top:0px;background:#18BC9C;outline:0;transition:top 0.1s ease-in, background 0.5s linear}#backtotoparrow{position:fixed;bottom:10px;margin-top:10%;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yOTMuNzUxLDQ1NS44NjhjLTIwLjE4MSwyMC4xNzktNTMuMTY1LDE5LjkxMy03My42NzMtMC41OTVsMCwwYy0yMC41MDgtMjAuNTA4LTIwLjc3My01My40OTMtMC41OTQtNzMuNjcyICBsMTg5Ljk5OS0xOTBjMjAuMTc4LTIwLjE3OCw1My4xNjQtMTkuOTEzLDczLjY3MiwwLjU5NWwwLDBjMjAuNTA4LDIwLjUwOSwyMC43NzIsNTMuNDkyLDAuNTk1LDczLjY3MUwyOTMuNzUxLDQ1NS44Njh6Ii8+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjIwLjI0OSw0NTUuODY4YzIwLjE4LDIwLjE3OSw1My4xNjQsMTkuOTEzLDczLjY3Mi0wLjU5NWwwLDBjMjAuNTA5LTIwLjUwOCwyMC43NzQtNTMuNDkzLDAuNTk2LTczLjY3MiAgbC0xOTAtMTkwYy0yMC4xNzgtMjAuMTc4LTUzLjE2NC0xOS45MTMtNzMuNjcxLDAuNTk1bDAsMGMtMjAuNTA4LDIwLjUwOS0yMC43NzIsNTMuNDkyLTAuNTk1LDczLjY3MUwyMjAuMjQ5LDQ1NS44Njh6Ii8+DQo8L3N2Zz4=);background-size:contain;z-index:100;-webkit-transform:rotate(180deg);-webkit-filter:brightness(75%)}#arrowlabel{-webkit-transform:rotate(180deg);margin-top:-5px;text-align:center;color:#D8D8D8}@-webkit-keyframes tbounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0) rotate(180deg)}40%{-webkit-transform:translateY(-6.5px) rotate(180deg)}60%{-webkit-transform:translateY(-4px) rotate(180deg)}}.topbounce{-webkit-animation:tbounce 1.5s infinite}.navbar-custom{background:white;font-family:"Montserrat","Helvetica Neue",Helvetica,Arial,sans-serif;text-transform:uppercase;font-weight:700;border:none}.navbar-custom .navbar-brand{color:white}.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav>.active>a:hover{background-color:white}.navbar-custom .navbar-brand:hover, .navbar-custom .navbar-brand:focus, .navbar-custom .navbar-brand:active, .navbar-custom .navbar-brand.active{color:white}.navbar-custom .navbar-nav{letter-spacing:1px}.navbar-custom .navbar-nav li a{color:#A4A4A4;font-weight:500;text-decoration:none}.navbar-custom .navbar-nav li a:hover{color:#01A9DB}.navbar-custom .navbar-nav li a:focus, .navbar-custom .navbar-nav li a:active{color:#01A9DB}.navbar-custom .navbar-nav li.active a{color:#01A9DB}.navbar-custom .navbar-nav li.active a:hover, .navbar-custom .navbar-nav li.active a:focus, .navbar-custom .navbar-nav li.active a:active{color:#01A9DB}.navbar-custom .navbar-toggle{color:#848484;text-transform:uppercase;font-size:20px;border-color:white;padding:1px 0px 0px 0px;font-weight:500}.affix-top{padding-top:1px}.affix{}.navbar-custom .navbar-toggle:hover, .navbar-custom .navbar-toggle:focus{background-color:white;color:#01A9DB;padding:1px 0px 0px 0px}@media (min-width: 700px){.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{}.navbar-custom{padding:10px 0;-webkit-transition:padding 0.3s;-moz-transition:padding 0.3s;transition:padding 0.3s}.navbar-custom .navbar-brand{font-size:2em;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s}.navbar-custom.affix{padding:2px 0px 2px 0px}.navbar-custom.affix .navbar-brand{font-size:1.5em}}.img-centered{margin:0 auto}#animation{visibility:hidden}header{text-align:center;background:#353535;color:white;padding-bottom:0.5%;height:815px}header .container{padding-top:100px;padding-bottom:55px}header img{display:block;margin:0 auto 20px}header .intro-text .name{display:block;font-family:"Montserrat","Helvetica Neue",Helvetica,Arial,sans-serif;text-transform:uppercase;font-weight:700;font-size:2em}header .intro-text .skills{font-size:1.25em;font-weight:200}.name1,.name2{font-weight:800}#maincontent:after{position:absolute;width:0;height:0;border:100px solid #353535;border-bottom:0 solid transparent !important;border-right:100px solid transparent !important;border-left:100px solid transparent !important;left:50%;margin-left:-100px;z-index:1}#maincontent{padding-top:90px}.titlelink,.navbarlink{text-decoration:none}#headerarrow{bottom:0;margin-top:10%;margin-left:44.5%;width:40px;height:40px;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yOTMuNzUxLDQ1NS44NjhjLTIwLjE4MSwyMC4xNzktNTMuMTY1LDE5LjkxMy03My42NzMtMC41OTVsMCwwYy0yMC41MDgtMjAuNTA4LTIwLjc3My01My40OTMtMC41OTQtNzMuNjcyICBsMTg5Ljk5OS0xOTBjMjAuMTc4LTIwLjE3OCw1My4xNjQtMTkuOTEzLDczLjY3MiwwLjU5NWwwLDBjMjAuNTA4LDIwLjUwOSwyMC43NzIsNTMuNDkyLDAuNTk1LDczLjY3MUwyOTMuNzUxLDQ1NS44Njh6Ii8+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjIwLjI0OSw0NTUuODY4YzIwLjE4LDIwLjE3OSw1My4xNjQsMTkuOTEzLDczLjY3Mi0wLjU5NWwwLDBjMjAuNTA5LTIwLjUwOCwyMC43NzQtNTMuNDkzLDAuNTk2LTczLjY3MiAgbC0xOTAtMTkwYy0yMC4xNzgtMjAuMTc4LTUzLjE2NC0xOS45MTMtNzMuNjcxLDAuNTk1bDAsMGMtMjAuNTA4LDIwLjUwOS0yMC43NzIsNTMuNDkyLTAuNTk1LDczLjY3MUwyMjAuMjQ5LDQ1NS44Njh6Ii8+DQo8L3N2Zz4=);background-size:contain}@-webkit-keyframes hbounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0)}40%{-webkit-transform:translateY(-20px)}60%{-webkit-transform:translateY(-15px)}}.headerbounce{-webkit-animation:hbounce 1.225s 2s infinite}div#maincontent{outline:none}section{padding:57.5px 0;background-color:#E2E2E2}#experienceid{-webkit-backface-visibility:hidden}section.experience{background-color:#F2F2F2}.experienceh2{color:black;font-weight:300;margin-top:20px}section.experience h3{color:#6E6E6E;margin-top:12.5px}#experienceid:after{position:absolute;width:0;height:0;border:100px solid #F2F2F2;border-bottom:0 solid transparent !important;border-right:100px solid transparent !important;border-left:100px solid transparent !important;left:50%;margin-left:-100px;z-index:10;margin-top:20px}.experience-logo{display:block;margin-left:auto;margin-right:auto;margin-bottom:10px;width:15%}.experience-header{margin-bottom:-10px}.experienceh2{margin-top:20px}.experience-header h2{font-weight:500}.experience-header-title{width:80%}.experience-dates{color:#6E6E6E;font-size:130%}.experiencerow1{opacity:0;-webkit-transition:all 1s 0.2s ease-in-out;-webkit-transform:translate3d(0px,75px,0px)}.experiencerow1.in-view{opacity:1;-webkit-transform:translate3d(0,0,0)}.experiencerow2{opacity:0;-webkit-transition:all 1s 0.2s ease-in-out;-webkit-transform:translate3d(0px,30px,0px)}.experiencerow2.in-view{opacity:1;-webkit-transform:translate3d(0,0,0)}.experience-body{margin-top:22.5px;margin-left:15px}.experience-hr{border-color:#BDBDBD;margin:30px}.dot-container{margin-top:-1.5px}.dot{height:10px;width:10px;background-color:#01A9DB;border-radius:50%;display:inline-block;margin-top:6.5px;margin-right:20px}#experience strong{font-weight:600;margin-right:1px}.experience-bullet{font-family:"Open Sans";display:flex;margin-bottom:10px;font-size:18px}.experience-p{color:#6D6D6D;font-size:100%}.experience-photo-title{display:inline-block;height:32px;padding:2px 10px;background-color:#01A9DB;margin-bottom:25px}.experience-photo-title p{font-size:20px}#portfolioid{-webkit-backface-visibility:hidden}.portfolioh2{color:black;font-weight:300}.portfoliorow1{opacity:0;-webkit-transition:all 1s 0.2s ease-in-out;-webkit-transform:translate3d(-300px,0px,0px)}.portfoliorow1.in-view{opacity:1;-webkit-transform:translate3d(0,0,0)}.portfoliorow2{opacity:0;-webkit-transition:all 1s 0.2s ease-in-out;-webkit-transform:translate3d(300px,0px,0px)}.portfoliorow2.in-view{opacity:1;-webkit-transform:translate3d(0,0,0)}.portfoliorow3{opacity:0;-webkit-transition:all 1s 0.2s ease-in-out;-webkit-transform:translate3d(-300px,0px,0px)}.portfoliorow3.in-view{opacity:1;-webkit-transform:translate3d(0,0,0)}#portfolioid:after{position:absolute;width:0;height:0;border:100px solid #E2E2E2;border-bottom:0 solid transparent !important;border-right:100px solid transparent !important;border-left:100px solid transparent !important;left:50%;margin-left:-100px;z-index:10}.portfoliohr{width:125px;border-top:4px solid #01A9DB;margin-top:27.5px}.portfoliorole{text-transform:none;color:#A4A4A4;font-size:17.5px;font-weight:400;margin-top:-10px}.dividertitle{font-size:27.5px;color:#01A9DB;font-family:'Lato'}.portfolioinfo{text-align:left}.portfoliotitle{text-transform:none;color:white;font-family:'Helvetica Neue','Lato';font-weight:500}.linkpic{width:10%;padding-top:10px;padding-left:20px}#portfolio .portfolio-item{margin:0 0 15px;right:0}#portfolio .portfolio-item .portfolio-link{display:block;position:relative;max-width:400px;margin:0 auto}#portfolio .portfolio-item .portfolio-link .caption{background:rgba(0, 0, 0, 0.8);position:absolute;width:100%;height:100%;opacity:0;transition:all ease 0.5s;-webkit-transition:all ease 0.5s;-moz-transition:all ease 0.5s}#portfolio .portfolio-item .portfolio-link .caption:hover{background-color:#1C1C1C;opacity:0.97}#portfolio .portfolio-item .portfolio-link .caption .caption-content{position:absolute;width:100%;height:20px;font-size:20px;text-align:center;top:50%;margin-top:-65px;margin-left:5px;color:white}#portfolio .portfolio-item .portfolio-link .caption .caption-content i{margin-top:-12px}#portfolio .portfolio-item .portfolio-link .caption .caption-content h3, #portfolio .portfolio-item .portfolio-link .caption .caption-content h4{margin:0}#portfolio *{z-index:2}@media (min-width: 767px){#portfolio .portfolio-item{margin:0 0 30px}}.portfolio-modal .modal-content{border-radius:0;background-clip:border-box;-webkit-box-shadow:none;box-shadow:none;border:none;min-height:100%;padding:22.5px 0;background:rgba(46, 46, 46, 0.95);-webkit-transition:zoomIn 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);transition:zoomIn 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);text-align:center}@-webkit-keyframes zoomIn{0%{opacity:0;top:-50%;-webkit-transform:scale(0)}100%{opacity:1;top:0%;-webkit-transform:scale(1)}}.portfolio-modal .modal-content h2{margin:0;font-size:3em}.portfolio-modal .modal-content img{margin-bottom:30px}.portfolio-modal .modal-content .item-details{margin:30px 0}.portfolio-modal .close-modal{position:absolute;width:75px;height:75px;background-color:#848484;top:25px;right:25px;padding-top:1px;padding-left:2px;cursor:pointer}.portfolio-modal .close-modal:hover{opacity:0.6}.portfolio-modal .close-modal .lr{height:75px;width:1px;margin-left:35px;background-color:#2C3E50;transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);z-index:1051}.portfolio-modal .close-modal .lr .rl{height:75px;width:1px;background-color:#2C3E50;transform:rotate(90deg);-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);z-index:1052}.video-embed{width:560px;height:315px}.portfolio-modal .modal-backdrop{opacity:0;display:none}#skillsid{-webkit-backface-visibility:hidden}section.skills{padding:55px 0;background:#DCDCDC;color:black}.skillbox,.skillinfo_middle{cursor:pointer}.skillsh2{color:black;font-weight:300;margin-top:20px}.skillshr{margin-top:30px;margin-bottom:17.5px}.skills-title{opacity:0;font-size:2em;font-weight:500;margin-top:20px;margin-bottom:-10px;-webkit-transition:all 0.75s 0.2s ease-in-out;-webkit-transform:translate3d(-150px,0px,0px)}.skills-title.in-view{opacity:1;-webkit-transform:translate3d(0,0,0)}.skillbox{opacity:0;-webkit-transition:all 1s 0.2s ease-in-out}.skillbox.in-view{opacity:1}.skillbox{position:relative;overflow:hidden;width:75%;margin-left:12.5%;align-content:center;border-radius:6px}.skilldescription{font-weight:500;font-size:30px}.skillbox>*{display:block}.skillinfo{position:absolute;width:100%;height:100%;background:#363636;color:white;-webkit-transition:all 0.5s ease-out;line-height:1.5em;padding:3%;font-size:17px;border-radius:6px}.skillinfo_top{top:-110%;left:0}.skillinfo_left{top:0;left:-100%}.skillinfo_bottom{top:100%;left:0}.skillinfo_right{top:0;left:100%}.skillinfo_middle{position:absolute;width:100%;height:100%;background:#363636;color:white;-webkit-transition:opacity 5s ease-in-out;line-height:1.5em;padding:3%;font-size:17px;border-radius:6px;opacity:0}.skillinfo_middle:hover{opacity:1;-webkit-transition:opacity 1s ease-in-out}.skillinfo_middle:focus{opacity:1;-webkit-transition:opacity 1s ease-in-out}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.skillinfo_topleft{top:-100%;left:-100%}.skillinfo_topright{top:-100%;left:100%}.skillinfo_bottomleft{top:100%;left:-100%}.skillinfo_bottomright{top:100%;left:100%}.skillbox:hover .skillinfo{top:0;left:0;-webkit-transition:all 0.25s ease-out}.skillbox:focus .skillinfo{top:0;left:0;-webkit-transition:all 0.25s ease-out}.skillbox:hover .skillinfo_middle{top:0;left:0;opacity:1;-webkit-transition:opacity 0.35s ease-in-out}.skillbox:focus .skillinfo_middle{top:0;left:0;opacity:1;-webkit-transition:opacity 0.35s ease-in-out}.skillinfo>*{-webkit-transition:opacity 1s ease;opacity:0}.skillinfo_middle>*{opacity:0;-webkit-transition:opacity 3s ease}.skillbox:hover .skillinfo>*{-webkit-transition:opacity 0.35s ease;opacity:1}.skillbox:focus .skillinfo>*{-webkit-transition:opacity 0.35s ease;opacity:1}.skillbox:hover .skillinfo_middle>*{-webkit-transition:opacity 0.5s ease-in-out;opacity:1}.skillbox:focus .skillinfo_middle>*{-webkit-transition:opacity 0.5s ease-in-out;opacity:1}.skillshape,.skillshape-secondary{color:white;padding-top:30px;border-radius:6px;padding-bottom:30px}.skillshape{background-color:#01A9DB}.skillshape-secondary{background-color:#3B91AA}.skillcontent{padding-top:15px}#skillsid:after{position:absolute;width:0;height:0;border:100px solid#DCDCDC;;border-bottom:0 solid transparent !important;border-right:100px solid transparent !important;border-left:100px solid transparent !important;left:50%;margin-left:-100px;z-index:10}section.about{background:white;color:#6E6E6E}section.about p{color:#2E2E2E}#aboutid{-webkit-backface-visibility:hidden}#aboutid:after{position:absolute;width:0;height:0;border:100px solid white;border-bottom:0 solid transparent !important;border-right:100px solid transparent !important;border-left:100px solid transparent !important;left:50%;margin-left:-100px;z-index:10}.abouth2{color:black;font-weight:300;margin-top:-2px}#about p{font-family:'Libre Franklin',sans-serif;font-weight:300;color:#8C8C8C;font-size:15.5px;line-height:1.5em}.aboutsection.in-view{position:relative;opacity:0}.abouth3{color:#424242;margin-top:0px;font-size:30px;border-top-right-radius:35px;font-weight:500;text-transform:none}.aboutsection1,.aboutsection2,.aboutsection3{opacity:0;background-color:white;padding-left:10px;padding-right:20.5px;padding-bottom:10px;padding-top:20px;margin-bottom:15px;background-color:#F2F2F2;border-top-right-radius:35px;position:relative;-webkit-transition:all 1s ease-in-out;-webkit-transform:translate3d(0px,50px,0px)}#about1,#about2{margin-right:4%}.aboutsection1{padding-bottom:11px}.aboutsection2.fadein{padding-bottom:2px}.aboutsection3.fadein{padding-bottom:2px}.aboutsection1.in-view,.aboutsection2.in-view,.aboutsection3.in-view{opacity:1;-webkit-transform:translate3d(0,0,0);background-color:white;padding-left:20px;padding-right:15px;padding-bottom:10px;padding-top:20px;margin-bottom:15px;background-color:#F2F2F2;border-top-right-radius:35px;position:relative}#about2{padding-bottom:7.5px}#about3{padding-bottom:15px}#beautiful{-webkit-animation:switchcolor 5s infinite}@-webkit-keyframes fadein{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes switchcolor{0%{color:#DF0101}15%{color:#DF7401}30%{color:#D7DF01}45%{color:#74DF00}60%{color:#01A9DB}75%{color:#7401DF}80%{color:#DF01D7}100%{color:#DF0174}}section.resume{background-color:#F8F8F8;width:100%}#resumeid:before{position:absolute;width:0;height:0;border:100px solid #EBEBEB;border-bottom:0 solid transparent !important;border-right:100px solid transparent !important;border-left:100px solid transparent !important;left:50%;margin-top:-125px;margin-left:-100px;z-index:10}.contacth2{color:white;font-weight:300;margin-top:3px}.contactp{color:#D8D8D8;padding-bottom:25px;margin-top:-30px;text-align:center;font-size:20px;font-family:Lato;letter-spacing:1px}.floating-label-form-group:focus,.floating-label-form-group:hover{background-color:#626262}.emaillink{color:white;text-decoration:none}.emaillink:hover{text-decoration:underline}.contacthr{border-top:4px solid #01BCF5;padding-bottom:35px}section.contact{background:#444;color:black}.floating-label-form-group{position:relative;margin-bottom:0;padding-bottom:0.5em;border-bottom:1px solid #eee}.floating-label-form-group input, .floating-label-form-group textarea{z-index:1;position:relative;padding-right:0;padding-left:0;border:none;border-radius:0;font-size:1.5em;background:none;box-shadow:none !important;resize:none}.floating-label-form-group label{display:block;z-index:0;position:relative;top:2em;margin:0;font-size:0.85em;line-height:1.764705882em;vertical-align:middle;vertical-align:baseline;opacity:0;-webkit-transition:top 0.3s ease,opacity 0.3s ease;-moz-transition:top 0.3s ease,opacity 0.3s ease;-ms-transition:top 0.3s ease,opacity 0.3s ease;transition:top 0.3s ease,opacity 0.3s ease}.floating-label-form-group:not(:first-child){padding-left:14px;border-left:1px solid #eee}.floating-label-form-group-with-value label{top:0;opacity:1}.floating-label-form-group-with-focus label{color:#18BC9C}form .row:first-child .floating-label-form-group{border-top:1px solid #eee}footer{color:white}footer h3{margin-bottom:30px}footer .footer-above{padding-top:50px;background-color:#252525}footer .footer-col{margin-bottom:50px}footer .footer-below{padding:25px 0;background-color:black}.btn-social{display:inline-block;height:60px;width:60px;border:2px solid white;border-radius:100%;text-align:center;font-size:32.5px;padding-top:5px;padding-left:2px;line-height:45px}.btn-social:hover{border:2px solid #01A9DB;background-color:white;color:#01A9DB;border-radius:100%;text-align:center;font-size:32.5px;padding-top:5px;padding-left:2px;line-height:45px}.socialbutton1,.socialbutton2{margin-right:2%}.btn3{padding-right:3px}@media only screen and (min-width: 280px) and (max-width: 415px) and (max-height: 900px){#backtotoparrow{bottom:22px;margin-left:85.5%;width:40px;height:40px}#arrowlabel{margin-top:-12px}.affix{padding-top:2px}.navbar-custom .navbar-toggle, .navbar-custom .navbar-toggle:hover, .navbar-custom .navbar-toggle:focus{padding:2px 0px 0px 0px}header{height:600px}header .container{padding-top:100px;padding-bottom:75px}#maincontent{padding-bottom:55px}#maincontent:after{margin-top:20px}.btn-outline{font-size:18.25px;margin-left:-5px}#animation{width:102%;margin-top:10px;margin-left:1px}header .intro-text .name1{margin-top:5px;font-size:62.5px}header .intro-text .name2{font-size:62.5px}.headerh4{margin-top:17.5px;text-align:center;text-transform:none;letter-spacing:1.5px;display:inline-block;margin-left:2px}.headerh4-1,.headerh4-2{padding-left:4%}header .intro-text .skills1,.skills2,.skills3{font-size:22.5px;margin-bottom:-10px;display:inline-block}#headerarrow{display:none}section{padding:65px 0px 55px 0px}#experienceid{padding:10px 35px}#experienceid:after{margin-top:10px}.experienceh2{margin-top:5px}.experience-logo{width:35%;margin-bottom:5px}.experience-header{display:flex;flex-direction:column}.experience-header-title{width:100%}.experience-header h2{font-size:25px}.experience-header h3{font-size:20px;margin-top:-5px}.experience-dates{font-size:18px;margin-top:12.5px}.experience-body{margin-left:0px;margin-top:25px}.experience-bullet{font-size:15px;max-width:100%}.experience-photo-title{padding:4px 8px 2px 8px;height:30px;margin-bottom:30px}.experience-photo-title p{font-size:15px}.portfoliorow1{-webkit-transform:translate3d(-150px,0px,0px)}.portfoliorow1.in-view{-webkit-transform:translate3d(0,0,0)}.portfoliorow2{-webkit-transform:translate3d(150px,0px,0px)}.portfoliorow2.in-view{-webkit-transform:translate3d(0,0,0)}.portfoliorow3{-webkit-transform:translate3d(-150px,0px,0px)}.portfoliorow3.in-view{-webkit-transform:translate3d(0,0,0)}.portfolio-modal .modal-content h2{font-size:27.5px}#portfolioid{overflow:hidden}.linkpic{width:15%;padding-top:12.5px;padding-left:12.5px}.fullstack{padding-top:7%}.portfolio-modal .modal-content{padding-top:60px}.portfolio-modal .modal-content .btn{font-size:17.5px}.portfolio-modal .close-modal .lr .rl{height:40px}.portfolio-modal .close-modal .lr{height:40px;margin-left:20px}.portfolio-modal .close-modal{width:45px;height:45px;font-size:200px;padding-top:3px;margin-left:-10px}.portfolioh2{margin-top:-5px}.portfoliorole{font-size:20px}.portfoliohr{margin-top:25px;margin-bottom:5px}.portfolioinfo{font-size:16px}.video-embed{width:300px;height:315px;margin-top:10px;margin-bottom:10px}.dividertitle{font-size:25px;margin-top:20px}section.skills{padding:55px 0px 55px 0px}.skills-title{text-align:center;font-size:1.75em;margin-top:20px;margin-bottom:20px}.skillbox{margin-top:2.5%}.skillsh2{margin-top:25px}.skillinfo{padding-top:2.75%}.skillinfo_middle{padding-top:2.75%}section.about{padding:65px 0px 60px 0px}#about p{font-size:17px}.abouth2{margin-top:15px}#about1,#about2{margin-right:0%}#about #prebutton{font-size:19px;margin-bottom:-5px}.aboutsection1,.aboutsection2,.aboutsection3{-webkit-transform:translate3d(-50px,0px,0px)}.aboutrow{padding-top:3%}.aboutsectionhr{margin-top:17.5px;margin-bottom:5px;margin-left:0px;border-width:3px}.contacth2{margin-top:-2.5px}#name,#email,#phone{color:white;height:30px;font-size:20px}#message{color:white;height:90px;margin-top:-15px;font-size:20px}section.contact{padding-bottom:10px}#contact .btn{margin-top:20px}.contacth2{margin-top:20px}.contacthr{border-top:4px solid #01BCF5;padding-bottom:20px}.contactp{text-align:left;margin-top:-10px;font-size:20px}.footerp{padding-top:3%;font-family:Lato;font-size:20px}.footerh3{margin-top:-10px;font-size:30px}.list-inline{margin-top:-20px;margin-bottom:-15px}.btn-social,.btn-social:hover{font-size:32.5px;padding-top:5px;padding-left:2px}.socialbutton1{margin-left:3%}.socialbutton1,.socialbutton2{margin-right:10%}.btn3{font-size:30px;padding-right:3px}}@media only screen and (min-width: 410px) and (max-width: 550px) and (min-height: 700px) and (max-height: 820px){#backtotoparrow{bottom:22.5px;margin-left:90%;width:40px;height:40px}#arrowlabel{margin-top:-12px}.affix{padding-top:3px}.navbar-custom .navbar-toggle, .navbar-custom .navbar-toggle:hover, .navbar-custom .navbar-toggle:focus{padding:2px 0px 0px 0px}#animation{width:100%;margin-top:10px;margin-left:1px}header .intro-text .name1{margin-top:10px;font-size:65px}header .intro-text .name2{font-size:65px}.headerh4{margin-top:20px;text-align:center;text-transform:none;letter-spacing:1.5px}.headerh4{margin-top:20px;text-align:center;text-transform:none;letter-spacing:1.5px;display:inline-block}.headerh4-1,.headerh4-2{padding-left:4%}header .intro-text .skills1,.skills2,.skills3{word-wrap:break-word;font-size:30px}#headerarrow{margin-left:46%}section{padding:65px 0px 50px 0px}#experienceid{padding:10px 50px}#experienceid:after{margin-top:10px}.experienceh2{margin-top:10px}.experience-logo{width:35%;margin-bottom:5px}.experience-header{display:flex;flex-direction:column}.experience-header-title{width:100%}.experience-header h2{font-size:25px}.experience-header h3{font-size:20px;margin-top:-5px}.experience-dates{font-size:18px;margin-top:12.5px}.experience-body{margin-left:0px;margin-top:25px}.experience-bullet{font-size:15px;max-width:100%}.experience-photo-title{padding:4px 8px 4px 8px;height:35px;margin-bottom:30px}.experience-photo-title p{font-size:20px}.portfoliorow1{opacity:0;-webkit-transition:all 1s 0.2s ease-in-out;-webkit-transform:translate3d(-150px,0px,0px)}.portfoliorow1.in-view{opacity:1;-webkit-transform:translate3d(0,0,0)}.portfoliorow2{opacity:0;-webkit-transition:all 1s 0.2s ease-in-out;-webkit-transform:translate3d(-150px,0px,0px)}.portfoliorow2.in-view{opacity:1;-webkit-transform:translate3d(0,0,0)}.portfoliorow3{opacity:0;-webkit-transition:all 1s 0.2s ease-in-out;-webkit-transform:translate3d(-150px,0px,0px)}.portfoliorow3.in-view{opacity:1;-webkit-transform:translate3d(0,0,0)}.portfolio-modal .modal-content h2{font-size:29px}.linkpic{width:15%;padding-top:12.5px;padding-left:12.5px}.fullstack{padding-top:7%}.portfolio-modal .modal-content{padding-top:60px}.portfolio-modal .close-modal .lr .rl{height:40px}.portfolio-modal .close-modal .lr{height:40px;margin-left:20px}.portfolio-modal .close-modal{width:45px;height:45px;font-size:200px;padding-top:3px;margin-left:-10px}.portfolioh2{margin-top:5px}.portfoliohr{margin-bottom:5px}.portfolioinfo{font-size:16px}.dividertitle{font-size:25px;color:#01A9DB;font-family:'Lato';margin-top:20px}#skillsid:after{margin-top:5px}.skillbox{margin-top:2.5%}.skillsh2{margin-top:30px}#aboutid:after{margin-top:5px}#aboutid{padding-bottom:10px}.abouth2{margin-top:20px}#about p{font-size:19px}.aboutrow{padding-top:3%}#about1,#about2{margin-right:0%}.aboutsectionhr{margin-top:17.5px;margin-bottom:5px;margin-left:0px;border-width:3px}#about2{padding-top:7.5%}.aboutsection1,.aboutsection2,.aboutsection3{-webkit-transform:translate3d(-50px,0px,0px)}section.resume{margin:0}#name,#email,#phone{color:white;height:30px;font-size:20px}#message{color:white;height:90px;margin-top:-10px;font-size:20px}section.contact{background:#444;color:black;padding:65px 0px 30px 0px}.contacth2{margin-top:20px}.contacthr{border-top:4px solid #01BCF5;padding-bottom:20px}.contactp{text-align:left;margin-top:-10px;font-size:17px}.footerp{padding-top:3%;font-family:Lato;font-size:20px}.footerh3{margin-top:-10px;font-size:30px}.list-inline{margin-top:-20px;margin-bottom:-15px}.btn-social,.btn-social:hover{font-size:32.5px;padding-top:5px;padding-left:0px}.socialbutton1{margin-left:1%}.socialbutton1,.socialbutton2{margin-right:10%}.btn3{font-size:30px;padding-right:0px}}@media only screen and (min-width: 539px) and (max-width: 1000px){#backtotoparrow{bottom:27.5px;margin-left:90%;width:60px;height:60px}#arrowlabel{margin-top:-15px;font-size:25px}.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:-10px;margin-left:-10px}.navbar-custom .navbar-nav{font-size:14px;letter-spacing:1px;padding-top:1px}.navbar-custom .navbar-nav li a{color:#A4A4A4;font-weight:400;text-decoration:none}.nav>li>a{position:relative;display:block;padding:17px 15px 15px 15px}.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{font-size:21px;margin-top:2.5px}#animation{margin-top:5%;width:80%;margin-left:7.5px}#maincontent:after{margin-top:25px}header{height:855px}header .intro-text .name1{margin-top:80px;font-size:80px}header .intro-text .name2{font-size:80px;padding-left:2%}header .intro-text .skills1,.skills2,.skills3{display:inline-block;font-size:40px}.headerh4{margin-top:45px;display:inline-block;text-align:center;text-transform:none;letter-spacing:1.5px;padding-bottom:5%}.headerh4-1,.headerh4-2{padding-left:3%}#headerarrow{display:none}section{padding:67.5px 0px 55px 0px}#experienceid{padding:25px 100px}#experienceid:after{margin-top:35px}.experienceh2{margin-top:-5px}.experiencerow1{margin-top:10px}.experience-logo{width:30%;margin-bottom:10px}.experience-header{display:flex;flex-direction:column}.experience-header-title{width:100%}.experience-header h2{font-size:30px}.experience-header h3{font-size:25px}.experience-dates{font-size:22.5px;margin-top:15px}.experience-body{margin-left:0px;margin-top:30px}.experience-bullet{font-size:18px;max-width:100%;margin-bottom:15px}.experience-photo-title{padding:2px 10px;margin-bottom:40px}.experience-photo-title p{font-size:20px}.experience-project-photo{width:100%;height:100%}#portfolioid{overflow:hidden}#portfolioid:after{margin-top:10px}.portfolio-item{width:100%}.portfoliorow1{opacity:0;-webkit-transition:all 1s 0.2s ease-in-out;-webkit-transform:translate3d(-150px,0px,0px)}.portfoliorow1.in-view{opacity:1;-webkit-transform:translate3d(0,0,0)}.portfoliorow2{opacity:0;-webkit-transition:all 1s 0.2s ease-in-out;-webkit-transform:translate3d(150px,0px,0px)}.portfoliorow2.in-view{opacity:1;-webkit-transform:translate3d(0,0,0)}.portfoliorow3{opacity:0;-webkit-transition:all 1s 0.2s ease-in-out;-webkit-transform:translate3d(-150px,0px,0px)}.portfoliorow3.in-view{opacity:1;-webkit-transform:translate3d(0,0,0)}.portfolio-modal .modal-content{padding-top:80px}.portfolio-modal .modal-content h2{font-size:35px}.portfolio-modal .modal-content .btn{font-size:30px}.portfolioh2{margin-top:10px}.portfoliohr{margin-bottom:20px}.portfoliorole{font-size:27.5px}.portfolioinfo{font-size:20px}.dividertitle{font-size:30px}.fullstack{padding-top:3%}p{font-size:20px}#skillsid:after{margin-top:5px}.skills-title{text-align:center;font-size:1.75em;margin-top:20px;margin-bottom:20px}.skillbox{width:60%;margin-left:20%;margin-top:1%}.skillinfo{padding-top:1.75%}.skillinfo_middle{padding-top:2%}.skillsh2{margin-top:30px}.skillshr{margin-top:20px;margin-bottom:18px}#aboutid{padding:20px}#aboutid:after{margin-top:20px}#about p{font-size:21px}.abouthr{margin-top:20px}.abouth2{margin-top:-5px}.aboutrow{padding-top:1.75%}.aboutsectionhr{margin-top:17.5px;margin-bottom:5px;margin-left:0px;border-width:3px}#about1,#about2{margin-right:0%}.columnhr{border-top:3px solid #2E2E2E;margin-top:5px}#about #prebutton{font-size:25px}.btn-outline{margin-top:0px;font-size:27.5px}#name,#email,#phone{color:white;height:40px;font-size:22.5px}#message{color:white;height:90px;margin-top:-10px}.contacth2{margin-top:20px}.contacthr{border-top:4px solid #01BCF5;padding-bottom:30px}.footerp{padding-top:3%;font-family:Lato;font-size:25px}.footerh3{margin-top:-10px;font-size:30px}.list-inline{margin-bottom:-15px}.socialbutton1,.socialbutton2{margin-right:5%}}@media only screen and (min-width: 1023px) and (max-width: 1100px){#backtotoparrow{bottom:37.5px;margin-left:90.5%;width:80px;height:80px}#headerarrow{margin-left:45%}header{height:705px}header .name1,.name2{font-size:40px}section.experience h2{font-size:30px}#experienceid{padding:30px 200px}#experienceid:after{margin-top:30px}.experienceh2{margin-top:-5px}section.experience h3{font-size:25px;margin-top:5px}.experience-dates{margin-top:20px}.experience-body{margin-top:35px}.experience-bullet{font-size:20px}.experience-logo{width:20%}.experience-photo-title{padding:3px 10px 5px 10px;height:35px;margin-bottom:25px}.experience-photo-title p{font-size:20px}#arrowlabel{margin-top:-20px;font-size:30px}.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:-15px;margin-left:-15px}.navbar-custom .navbar-nav{letter-spacing:1px;padding-top:1px}.navbar-custom .navbar-nav li a{color:#A4A4A4;font-weight:400;text-decoration:none}.nav>li>a{position:relative;display:block;padding:17px 15px 15px 15px}.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{margin-top:1px}#animation{width:60%;margin-left:7.5px}header .intro-text .name1{margin-top:60px;font-size:70px}header .intro-text .name2{font-size:70px;padding-left:2%}header .intro-text .skills1,.skills2,.skills3{display:inline-block;font-size:30px}.headerh4{margin-top:20px;display:inline-block;text-align:center;text-transform:none;letter-spacing:1.5px;padding-bottom:2.5%}.headerh4-1,.headerh4-2{padding-left:3%}#headerarrow{display:none}section{padding:67.5px 0px 50px 0px}.portfolio-item{width:100%}#portfolioid{overflow:hidden}.portfoliorow1{opacity:0;-webkit-transition:all 1s 0.2s ease-in-out;-webkit-transform:translate3d(-150px,0px,0px)}.portfoliorow1.in-view{opacity:1;-webkit-transform:translate3d(0,0,0)}.portfoliorow2{opacity:0;-webkit-transition:all 1s 0.2s ease-in-out;-webkit-transform:translate3d(150px,0px,0px)}.portfoliorow2.in-view{opacity:1;-webkit-transform:translate3d(0,0,0)}.portfoliorow3{opacity:0;-webkit-transition:all 1s 0.2s ease-in-out;-webkit-transform:translate3d(-150px,0px,0px)}.portfoliorow3.in-view{opacity:1;-webkit-transform:translate3d(0,0,0)}.portfolio-modal .modal-content{padding-top:80px}.portfolio-modal .modal-content h2{font-size:65px}.fullstack{padding-top:3.5%}.portfolioh2{padding-top:5px}.portfoliohr{margin-top:40px;margin-bottom:30px}.portfoliorole{font-size:35px}.portfolio-modal .modal-content h2{font-size:40px}.portfolioinfo{font-size:20px}.portfolioinfo p{font-size:22px}.dividertitle{font-size:40px}p{font-size:25px}.btn{padding:10px 30px;font-size:30px}.video-embed{margin:20px}#skillsid:after{margin-top:5px}.skills-title{text-align:center;font-size:1.75em;margin-top:30px;margin-bottom:20px}.skillbox{width:50%;margin-left:25%;margin-top:1%}.skillinfo{padding-top:1.75%}.skillinfo_middle{padding-top:1.75%}.skillsh2{margin-top:40px}.skillshr{margin-top:20px;margin-bottom:18px}#about .btn{margin-bottom:10%}#aboutid:after{margin-top:-5px}.aboutsection1.in-view,.aboutsection2.in-view,.aboutsection3.in-view{margin-left:25%;width:50%}#about p{font-size:21px}.abouth2{margin-top:25px}.abouthr{margin-top:20px}.aboutrow{padding-top:1.75%}.aboutsectionhr{margin-top:17.5px;margin-bottom:5px;margin-left:0px;border-width:3px}#about1,#about2{margin-right:0%}.columnhr{border-top:3px solid #2E2E2E;margin-top:5px}#about #prebutton{font-size:25px}.btn-outline{margin-top:0px;font-size:27.5px}#name,#email,#phone{color:white;height:40px;font-size:30px}#message{color:white;height:90px;margin-top:-10px;font-size:30px}.contacth2{margin-top:25px}.contacthr{border-top:4px solid #01BCF5;padding-bottom:30px}.contactp{text-align:left;margin-top:-10px;font-size:32.5px}#contact .btn{margin-top:25px}.footerp{padding-top:1%;font-family:Lato;font-size:25px}.footerh3{margin-top:-10px;font-size:35px}.list-inline{margin-bottom:-15px}.socialbutton1,.socialbutton2{margin-right:5%}}@media only screen and (min-width: 1200px) and (max-width: 1400px){#backtotoparrow{bottom:27px;margin-left:95.5%;width:45px;height:45px}#arrowlabel{margin-top:-17px;font-size:20px}.navbar-custom{padding:5px 0;-webkit-transition:padding 0.3s;-moz-transition:padding 0.3s;transition:padding 0.3s}.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{margin-top:-1px}#animation{width:60%;margin-left:7.5px}header{height:725px}header .intro-text .name1{margin-top:30px;font-size:80px}header .intro-text .name2{font-size:80px;padding-left:2%}header .intro-text .skills1,.skills2,.skills3{display:inline-block;font-size:30px}.headerh4{margin-top:10px;display:inline-block;text-align:center;text-transform:none;letter-spacing:1.5px}.headerh4-1,.headerh4-2{padding-left:3%}#headerarrow{display:none}#maincontent:after{margin-top:5px}#experienceid:after{margin-top:5px}.experience-header{display:flex;flex-direction:row;justify-content:space-between}.experience-header h2{font-size:30px}#portfolioarrow{display:none}section{padding:67.5px 0px 55px 0px}.fullstack{padding-top:3.5%}#portfolioid{overflow:hidden}#portfolioid:after{margin-top:5px}#portfolioarrow{margin-left:43%}.portfoliorow1{opacity:0;-webkit-transition:all 1s 0.2s ease-in-out;-webkit-transform:translate3d(-100px,0px,0px)}.portfoliorow1.in-view{opacity:1;-webkit-transform:translate3d(0,0,0)}.portfoliorow2{opacity:0;-webkit-transition:all 1s 0.2s ease-in-out;-webkit-transform:translate3d(100px,0px,0px)}.portfoliorow2.in-view{opacity:1;-webkit-transform:translate3d(0,0,0)}.portfoliorow3{opacity:0;-webkit-transition:all 1s 0.2s ease-in-out;-webkit-transform:translate3d(-100px,0px,0px)}.portfoliorow3.in-view{opacity:1;-webkit-transform:translate3d(0,0,0)}#skillsid:after{margin-top:5px}.skills-title{margin-top:15px;margin-bottom:5px}.skillbox{margin-top:5%}.skillsh2{margin-top:30px}.skillshr{margin-top:25px;margin-bottom:18px}.abouth2{margin-top:20px}.abouthr{margin-top:20px}.aboutrow{padding-top:1.75%}.aboutsectionhr{margin-top:17.5px;margin-bottom:5px;margin-left:0px;border-width:3px}.btn{padding:4px 12px;font-size:20px}.columnhr{border-top:3px solid #2E2E2E;margin-top:5px}.btn-outline{margin-top:0px}.aboutsection1.in-view{padding-bottom:14px}#about #prebutton{font-size:18px}section.resume{padding-left:14.25%}#contact .btn{margin-top:25px}.contacth2{margin-top:25px}#name,#email,#phone{color:white;padding-top:1px;height:35px}#message{color:white;height:90px;margin-top:-10px}.contacthr{border-top:4px solid #01BCF5;padding-bottom:30px}.footerp{padding-top:1%;font-family:Lato;font-size:20px}.footerh3{margin-top:-10px;font-size:40px}.list-inline{margin-bottom:-10px}#heart{font-family:'Helvetica Neue','Lato';font-size:22.5px}.socialbutton1,.socialbutton2{margin-right:3%}}@media only screen and (min-width: 1500px) and (max-width: 3000px){#backtotoparrow{bottom:34px;margin-left:94.5%;width:70px;height:70px}#arrowlabel{margin-top:-20px;font-size:30px}#animation{width:65%;margin-top:10px;margin-left:7.5px}header .intro-text .name1{margin-top:35px;font-size:90px}header .intro-text .name2{font-size:90px;padding-left:2%}header .intro-text .skills1,.skills2,.skills3{display:inline-block;font-size:40px}.headerh4{margin-top:25px;display:inline-block;text-align:center;text-transform:none;letter-spacing:1.5px}.headerh4-1,.headerh4-2{padding-left:3%}#maincontent:after{margin-top:10px}#headerarrow{display:none}section{padding:67.5px 0px 55px 0px}.fullstack{padding-top:3.5%}#experienceid:after{margin-top:3px}.experience-header{display:flex;flex-direction:row;justify-content:space-between}.experience-header h2{font-size:32.5px}.portfoliorow1{padding-top:1%}.skillbox{margin-top:10%}.skillsh2{margin-top:30px}.skillshr{margin-top:25px;margin-bottom:18px}.abouth2{margin-top:20px}.abouthr{margin-top:20px;margin-bottom:30px}.aboutrow{padding-top:1.75%}.aboutsectionhr{margin-top:17.5px;margin-bottom:5px;margin-left:0px;border-width:3px}.btn{padding:4px 12px;font-size:20px}.columnhr{border-top:3px solid #2E2E2E;margin-top:5px}.btn-outline{margin-top:0px}.aboutsection1.in-view{padding-bottom:14px}#about #prebutton{font-size:18px}section.resume{padding-left:14.25%}#name,#email,#phone{color:white;padding-top:1px;height:40px}#message{color:white;height:90px;margin-top:-10px}.contacth2{margin-top:25px}.contacthr{border-top:4px solid #01BCF5;padding-bottom:30px}section.contact{background:#444;padding:65px 0px 15px 0px;color:black}section.contact{padding-bottom:30px}.footerp{font-family:Lato;font-size:20px}.footerh3{margin-top:-10px;font-size:40px}.list-inline{margin-bottom:-10px}#heart{font-family:'Helvetica Neue','Lato';font-size:22.5px}.socialbutton1,.socialbutton2{margin-right:3.5%}}