.menu-btn{position:absolute;z-index:3;right:35px;top:35px;cursor:pointer;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out}.menu-btn .btn-line{width:28px;height:3px;margin:0 0 5px 0;background:#fff;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out}.menu-btn.close{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.menu-btn.close .btn-line:nth-child(1){-webkit-transform:rotate(45deg) translate(5px, 5px);transform:rotate(45deg) translate(5px, 5px);background:#4285f4}.menu-btn.close .btn-line:nth-child(2){opacity:0}.menu-btn.close .btn-line:nth-child(3){-webkit-transform:rotate(-45deg) translate(6.5px, -6.5px);transform:rotate(-45deg) translate(6.5px, -6.5px)}.menu{position:fixed;top:0;width:100%;visibility:hidden}.menu.show{visibility:visible}.menu-nav,.menu-branding{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column wrap;flex-flow:column wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;float:left;width:50%;height:100vh;overflow:hidden}.menu-nav{margin:0;padding:0;background:rgba(50,53,66,0.9);list-style:none;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out}.menu-nav.show{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.menu-branding{background:rgba(72,77,95,0.9);-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out}.menu-branding.show{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.menu-branding .portrait{width:250px;height:250px;background:url("../img/portrait.JPG");border-radius:50%;border:solid 3px #4285f4;background-size:cover}.menu .nav-item.current>a{color:#4285f4}.menu .nav-link{display:inline-block;position:relative;font-size:30px;padding:2rem 0;font-weight:400;color:#fff;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out}.menu .nav-link:hover{color:#4285f4}.flip-card{background-color:transparent;width:300px;height:400px;-webkit-perspective:1000px;perspective:1000px;color:#000}.flip-card h2{position:absolute;top:0;background:rgba(75,108,183,0.8);width:100%;color:#fff}.flip-card .project-skills{position:absolute;top:225px;width:100%;height:175px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#fff}.flip-card .project-skills ul{list-style-type:none}.flip-card .project-skills ul li{padding:0.5rem 0}.flip-card .project-skills ul li:not(:last-child){border-bottom:#444 1px solid}.flip-card-inner{position:relative;width:100%;height:100%;text-align:center;-webkit-transition:-webkit-transform 0.75s;transition:-webkit-transform 0.75s;transition:transform 0.75s;transition:transform 0.75s, -webkit-transform 0.75s;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.flip-card:hover .flip-card-inner{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.flip-card-front,.flip-card-back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.flip-card-front{background-color:#bbb;background:url(../img/projects/project1.jpg) no-repeat;background-size:cover}.flip-card-back{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:-webkit-gradient(linear, left top, right top, from(#4b6cb7), to(#182848));background:linear-gradient(90deg, #4b6cb7 0%, #182848 100%);color:white;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);padding:2rem}.flip-card-back a{margin-top:1rem}.btn-default,.btn,.btn-dark,.btn-light,.btn-project{display:inline-block;padding:0.5rem 1rem;border:0;margin-bottom:0.3rem;border-radius:8px;width:150px;text-align:center}.btn:hover,.btn-dark:hover,.btn-light:hover{background:#4285f4;color:#000;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out}.btn-dark{background:#000;color:#fff}.btn-light{background:#fff;color:#333}.btn-project{background:#000;border-radius:15px}.btn-project:hover{-webkit-transform:scale(1.05);transform:scale(1.05);-webkit-box-shadow:10px 10px 5px rgba(0,0,0,0.2);box-shadow:10px 10px 5px rgba(0,0,0,0.2);-webkit-transition:all 0.1s ease-out;transition:all 0.1s ease-out}*{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}body{background:#444;color:#fff;height:100%;margin:0;font-family:'Roboto', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;line-height:1.5;overflow-x:hidden}body#bg-img{background:url(../img/backgrounds/background_laptop.jpg);background-attachment:fixed;background-size:cover}body#bg-img:after{content:'';position:absolute;top:0;right:0;width:100%;height:100%;z-index:-1;background:rgba(68,68,68,0)}h1,h2,h3{margin:0;font-weight:300}h1.lg-heading,h2.lg-heading,h3.lg-heading{font-size:5rem}h1.lg-heading .text-secondary,h2.lg-heading .text-secondary,h3.lg-heading .text-secondary{border-bottom:#fff 2px solid}h1.sm-heading,h2.sm-heading,h3.sm-heading{margin-bottom:2rem;padding:0.2rem 1rem}a{color:#fff;text-decoration:none}header{position:fixed;z-index:2;width:100%}.container{max-width:1100px;text-align:center}.text-secondary{color:#4285f4}section{padding:2rem 6rem;min-height:100vh}section .icons{margin-top:1rem}section .icons a{padding:0.4rem}section .icons a:hover{color:#4285f4;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out}#home{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#home h1,#home h2,#home h3{text-align:center}#home h1.lg-heading,#home h2.lg-heading,#home h3.lg-heading{padding:1rem;background:rgba(13,13,13,0.5);border-radius:10px;margin-bottom:10px}#home h1.sm-heading,#home h2.sm-heading,#home h3.sm-heading{padding:1rem;border-radius:10px;background:rgba(13,13,13,0.5)}#home i{margin:0 5px;margin-top:5px}#about{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:url(../img/backgrounds/black_compute.png) no-repeat;background-size:cover}#about .bio{background:rgba(72,77,95,0.8);padding:0.5rem;border-radius:10px}.about-info{display:-ms-grid;display:grid;gap:2rem;grid-template-areas:'icons icons bio bio'
 'job1 job2 job3 job4';-ms-grid-columns:(1fr)[4];grid-template-columns:repeat(4, 1fr);margin-top:2rem;justify-items:center}.about-info .icons{-ms-grid-row:1;-ms-grid-column:1;-ms-grid-column-span:2;grid-area:icons;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.about-info .icons img{width:100px;height:100px}.about-info .icons img:hover{-webkit-transform:scale(1.15);transform:scale(1.15);-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out}.about-info .bio{-ms-grid-row:1;-ms-grid-column:3;-ms-grid-column-span:2;grid-area:bio;font-size:1.25rem;text-align:left}.about-info .job-1{-ms-grid-row:2;-ms-grid-column:1;grid-area:job1}.about-info .job-2{-ms-grid-row:2;-ms-grid-column:2;grid-area:job2}.about-info .job-3{-ms-grid-row:2;-ms-grid-column:3;grid-area:job3}.about-info .job-4{-ms-grid-row:2;-ms-grid-column:4;grid-area:job4}.about-info .job{background:rgba(72,77,95,0.8);border-bottom:#4285f4 5px solid;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:10px;width:250px;margin-top:20px}.about-info .job i{padding:1rem 0rem;color:#4285f4}.about-info .job h3{text-align:center;font-size:1.25rem;border-bottom:#fff 1px solid}.about-info .job ul{padding:1rem 0rem}.about-info .job li{list-style-type:none;text-align:center}#projects{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;background:url(../img/backgrounds/trianglify.png) no-repeat;background-size:cover}#projects h1{margin-bottom:3rem;color:#182848}#projects .text-secondary{color:#1900ff}.project-content{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3, 1fr);justify-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:2rem}.project-content .back-title{visibility:hidden}.project1 .flip-card-front{background-image:url(../img/projects/empire.JPG)}.project1 h2{background:rgba(236,95,14,0.9)}.project1 .flip-card-back{background:-webkit-gradient(linear, left top, right top, from(#ec600e), to(#2326d1));background:linear-gradient(90deg, #ec600e 0%, #2326d1 100%)}.project2 .flip-card-front{background-image:url(../img/projects/musicstream.JPG)}.project2 h2{background:rgba(213,51,105,0.9)}.project2 .flip-card-back{background:-webkit-gradient(linear, left top, right top, from(#d53369), to(#daae51));background:linear-gradient(90deg, #d53369 0%, #daae51 100%)}.project3 .flip-card-front{background-image:url(../img/projects/project3.jpg)}.project3 h2{background:rgba(7,0,184,0.9)}.project3 .flip-card-back{background:-webkit-gradient(linear, left top, right top, from(#0700b8), to(#0f8));background:linear-gradient(90deg, #0700b8 0%, #0f8 100%)}.project4 .flip-card-front{background-image:url(../img/projects/codergram.jpg)}.project4 h2{background:#036d09cc}.project4 .flip-card-back{background:-webkit-gradient(linear, left top, right top, from(#301169), to(#4245df));background:linear-gradient(90deg, #301169 0%, #4245df 100%)}#main-footer{text-align:center;padding:1rem;background:#000;color:#fff}.footer-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:1200px;margin:auto;font-size:13px}.footer-content .site-design{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.footer-content .site-design i{margin-right:20px}@media screen and (min-width: 1171px){.project-content{-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 769px) and (max-width: 1170px){.about-info{grid-template-areas:'icons bio'
 'job1 job2'
 'job3 job4';-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr}.project-content{-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2, 1fr)}}@media screen and (max-width: 768px){section{-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}section .lg-heading{line-height:1;margin-bottom:1rem}ul.menu-nav,div.menu-branding{float:none;width:100%;min-height:0}ul.menu-nav.show,div.menu-branding.show{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.menu-nav{height:75vh;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);font-size:24px}.menu-branding{height:25vh;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}.menu-branding .portrait{width:150px;height:150px}.about-info{grid-template-areas:'icons'
 'bio'
 'job1'
 'job2'
 'job3'
 'job4';-ms-grid-columns:1fr;grid-template-columns:1fr}.project-content{-ms-grid-columns:1fr;grid-template-columns:1fr}.project-content .flip-card-front{visibility:hidden}.project-content .flip-card-inner{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.project-content .back-title{visibility:visible}.footer-content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.footer-content .image-attribution{margin-top:15px}}@media screen and (max-width: 500px){section#home h1{margin-top:5vh}.project-content{-ms-grid-columns:1fr;grid-template-columns:1fr}.project-content .flip-card-front{visibility:hidden}.project-content .flip-card-inner{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.project-content .back-title{visibility:visible}}