#modal-background{width:100vw;height:100vh;top:0;position:fixed;background:rgba(50,50,50,.7);transition:opacity .5s ease-in-out}#resume-modal{position:absolute;width:765px;height:auto;top:100px;left:0;right:0;margin:0 auto;color:#fff;background:rgba(25,25,25,.9);overflow-wrap:break-word;padding:100px 40px 50px;box-sizing:border-box;font-size:13px;-webkit-transition:-moz-transform .4s ease-in-out;-moz-transition:-webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out,top .3s ease-out}@media only screen and (max-width: 481px){#resume-modal{width:380px;padding:100px 25px 35px}}@media only screen and (max-width: 376px){#resume-modal{width:325px;padding:100px 15px 20px;font-size:11px}}@media only screen and (max-width: 351px){#resume-modal{width:300px}}#resume-modal #close-modal{position:absolute;right:25px;top:25px;height:25px;width:25px;cursor:pointer}#resume-modal #close-modal:before,#resume-modal #close-modal:after{content:"";display:inline-block;width:25px;height:2px;background:white}#resume-modal #close-modal:before{transform:rotate(225deg)}#resume-modal #close-modal:after{transform:rotate(-225deg);position:absolute;top:11px;right:0px}@media only screen and (max-width: 376px){#resume-modal #close-modal:after{top:9px}}#resume-modal #resume-link-modal{font-size:16px;margin-top:35px}#resume-modal #resume-link-modal a{color:#fff}#resume-modal h1{display:inline-block;font-weight:300;font-size:28px;text-transform:uppercase}@media only screen and (max-width: 481px){#resume-modal h1{font-size:24px}}#resume-modal h1:after{content:"";display:block;width:100%;height:2px;background:rgba(255,255,255,.7);margin-top:5px}#resume-modal .resume-section-headers{text-transform:uppercase;font-size:18px;margin:35px 0 20px;position:relative}@media only screen and (max-width: 481px){#resume-modal .resume-section-headers{font-size:16px}}@media only screen and (max-width: 376px){#resume-modal .resume-section-headers{font-size:15px}}#resume-modal .resume-section-headers:before{content:"";display:block;height:2px;background:rgba(255,255,255,.8);margin-top:5px;position:absolute;right:0;left:115px;top:5px}@media only screen and (max-width: 481px){#resume-modal .resume-section-headers:before{left:95px}}@media only screen and (max-width: 376px){#resume-modal .resume-section-headers:before{left:92px}}#resume-modal #skills-header:before{left:320px}@media only screen and (max-width: 481px){#resume-modal #skills-header:before{left:280px}}@media only screen and (max-width: 376px){#resume-modal #skills-header:before{left:265px}}#resume-modal #education-header:before{left:130px}@media only screen and (max-width: 481px){#resume-modal #education-header:before{left:110px}}@media only screen and (max-width: 376px){#resume-modal #education-header:before{left:105px}}#resume-modal #experience-header:before{left:135px}@media only screen and (max-width: 481px){#resume-modal #experience-header:before{left:115px}}@media only screen and (max-width: 376px){#resume-modal #experience-header:before{left:110px}}#resume-skills p{margin-top:15px}#resume-education :not(h2),#resume-experience :not(h2){line-height:1.8}#resume-education ul,#resume-experience ul{padding-left:15px}#resume-education .education-headers,#resume-education .experience-headers,#resume-experience .education-headers,#resume-experience .experience-headers{display:flex;margin-bottom:10px}#resume-education .education-headers h4,#resume-education .experience-headers h4,#resume-experience .education-headers h4,#resume-experience .experience-headers h4{margin-left:auto;font-size:14px}@media only screen and (max-width: 481px){#resume-education .education-headers h3,#resume-education .education-headers h4,#resume-education .experience-headers h3,#resume-education .experience-headers h4,#resume-experience .education-headers h3,#resume-experience .education-headers h4,#resume-experience .experience-headers h3,#resume-experience .experience-headers h4{font-size:14px}}@media only screen and (max-width: 376px){#resume-education .education-headers h3,#resume-education .education-headers h4,#resume-education .experience-headers h3,#resume-education .experience-headers h4,#resume-experience .education-headers h3,#resume-experience .education-headers h4,#resume-experience .experience-headers h3,#resume-experience .experience-headers h4{font-size:13px}}#resume-education ul:nth-of-type(1){margin-bottom:15px}@media only screen and (max-width: 481px){#resume-experience .experience-headers{display:flex;flex-direction:column}#resume-experience .experience-headers h4{margin-left:0}}#project-container{font-size:13px;line-height:1.8;position:relative}@media only screen and (max-width: 376px){#project-container{font-size:11px}}#project-container ul{margin-bottom:20px}#project-container .project-titles{display:inline-block}#project-container .project-technologies{display:inline;padding-left:10px}#project-container .project-links{display:inline;position:absolute;right:5px;top:3px}@media only screen and (max-width: 481px){#project-container .project-links{display:block;position:initial;margin:6px 0 8px}}#project-container .project-links a{color:#fff;transition:color .5s,font-size .3s}#project-container .project-links a:hover{color:#ffffffb3;font-size:14px}#project-container .project-bullets{padding-left:15px;margin-top:7px}@media only screen and (max-width: 481px){#project-container .project-bullets{margin-bottom:25px}}#navbar{color:#fff;width:100%;margin:auto;padding-top:30px;font-weight:600}#navbar span{text-transform:uppercase;font-size:20px}@media only screen and (min-width: 1331px){#navbar{width:1200px}}@media only screen and (max-width: 1331px){#navbar{width:950px}}@media only screen and (max-width: 1025px){#navbar{width:80%}}@media only screen and (max-width: 481px){#navbar{width:90%}}#hamburger-menu{width:40px;height:20px;position:absolute;padding-top:14px;right:50px;top:27px;cursor:pointer}@media only screen and (min-width: 769px){#hamburger-menu{display:none}}@media only screen and (max-width: 481px){#hamburger-menu{right:25px}}#hamburger-menu span{float:right;width:40px;height:4px;border-radius:25px;background:white;transition:background-color .3s}@media only screen and (max-width: 481px){#hamburger-menu span{width:30px}}#hamburger-menu span:after,#hamburger-menu span:before{content:"";display:block;position:relative;width:40px;height:4px;border-radius:20px;background:white;-webkit-transition:-webkit-transform .3s ease-in-out;-ms-transition:-ms-transform .3s ease-in-out;transition:transform .3s ease-in-out}@media only screen and (max-width: 481px){#hamburger-menu span:after,#hamburger-menu span:before{width:30px}}#hamburger-menu span:before{top:-10px}#hamburger-menu span:after{top:6px}.spin:before{transform:translateY(10px) rotate(-225deg)}.spin2:after{transform:translateY(-10px) rotate(225deg)}nav{float:right}@media only screen and (max-width: 769px){nav{display:flex;flex-direction:column;position:absolute;width:80%;margin-top:45px;opacity:0;transition:opacity .8s;transition-delay:.5s}}@media only screen and (max-width: 481px){nav{width:90%;margin-top:15px}}nav a{text-decoration:none;color:#fff;display:inline-block;margin:0 25px;text-transform:uppercase;font-size:14px;cursor:pointer}nav a:hover{color:#dadada}nav a:after{content:"";display:block;width:0px;height:2px;background:white;transition:width .3s}nav a:hover:after{width:100%}@media only screen and (max-width: 769px){nav a{display:block;text-align:center;font-size:24px;margin:25px 0}}@media only screen and (max-width: 481px){nav a{font-size:18px}}#hero-section{color:#fff;width:1200px;margin:auto;display:flex;transition:opacity .5s;transition-delay:.2s}@media only screen and (max-width: 1331px){#hero-section{width:950px}}@media only screen and (max-width: 1025px){#hero-section{width:50%;height:550px;justify-content:center;align-items:center}}@media only screen and (min-width: 769px){#hero-section{display:flex!important}}@media only screen and (max-width: 769px){#hero-section{width:65%;height:500px}}@media only screen and (max-width: 481px){#hero-section{text-align:center;width:95%}}#hero-section #hero-content{flex-basis:40%;margin-top:135px}@media only screen and (max-width: 1331px){#hero-section #hero-content{flex-basis:45%}}@media only screen and (max-width: 1025px){#hero-section #hero-content{flex-basis:100%;margin:0}}@media only screen and (max-width: 481px){#hero-section #hero-content{margin-top:-120px}}@media only screen and (max-width: 376px){#hero-section #hero-content{margin-top:-100px}}#hero-section #hero-img{height:500px;position:relative;top:50px;left:150px}@media only screen and (max-width: 1331px){#hero-section #hero-img{height:400px;top:100px;left:100px}}@media only screen and (max-width: 1025px){#hero-section #hero-img{display:none}}#hero-section a{color:#fff;font-weight:600}#hero-section span{font-weight:600}#hero-section h2{margin-bottom:25px;font-size:42px}@media only screen and (max-width: 1331px){#hero-section h2{font-size:37px}}@media only screen and (max-width: 1025px){#hero-section h2{font-size:32px}}@media only screen and (max-width: 481px){#hero-section h2{font-size:24px}}#hero-section h3{color:#f0f0f0;margin-bottom:45px;line-height:2;font-weight:100}@media only screen and (max-width: 1025px){#hero-section h3{font-size:18px}}@media only screen and (max-width: 481px){#hero-section h3{font-size:14px}}#hero-section #github-link i,#hero-section #linkedin-link i,#hero-section #resume-link i{margin-left:15px;background:white;border:1px solid white;border-radius:50%;-webkit-text-fill-color:#002f62;transition:background-color .2s}@media only screen and (max-width: 450px){#hero-section #github-link i,#hero-section #linkedin-link i,#hero-section #resume-link i{margin-left:8px}}@media only screen and (max-width: 387px){#hero-section #github-link i,#hero-section #linkedin-link i,#hero-section #resume-link i{display:none}}#hero-section #github-link i:hover,#hero-section #linkedin-link i:hover,#hero-section #resume-link i:hover{-webkit-text-fill-color:white;background:transparent}#hero-section #github-link i{font-size:28px;padding:5px}#hero-section #linkedin-link i{font-size:20px;padding:10px}#hero-section #resume-link i{font-size:20px;padding:10px;cursor:pointer}#hero-section .fa{margin-left:20px;background:white;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}header{position:relative;height:850px;background-image:linear-gradient(135deg,#012041 0%,#18496a 50%,#138b89 100%)}*{margin:0;padding:0}body{font-family:Montserrat}@media only screen and (max-width: 1025px){header{height:750px}}@media only screen and (max-width: 769px){header{height:650px}}@media only screen and (max-width: 481px){header{height:500px}}.svg-bg{position:absolute;left:0;bottom:0;width:100%;height:auto}.section-headers{font-size:24px;color:#002f62;text-transform:uppercase;display:inline}.fab,.fas{margin-right:10px;font-size:42px;background:linear-gradient(155deg,#012041 0%,#18496a 50%,#138b89 100%);background:-webkit-linear-gradient(250deg,#012041 0%,#18496a 50%,#138b89 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}#hero-section .contact-btn,#about-section #about-description .contact-btn{padding:10px 30px;margin-right:10px;color:#fff;background:transparent;border:2px solid white;border-radius:20px;position:relative;bottom:5px;font-size:12px;font-weight:600;text-transform:uppercase;cursor:pointer;transition:background-color .3s}#hero-section .contact-btn i,#about-section #about-description .contact-btn i{margin:0 0 0 10px!important;font-size:16px}#hero-section .contact-btn:hover,#about-section #about-description .contact-btn:hover{background:white;color:#002f62;box-shadow:2px 5px 15px -5px #b7d4ff;-webkit-box-shadow:2px 5px 15px -5px rgb(183,212,255)}#hero-section .contact-btn:hover i,#about-section #about-description .contact-btn:hover i{background:#002f62;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}#main-content{width:1200px;margin:0 auto 200px;display:flex;position:relative;bottom:-50px;color:#505050;z-index:1}@media only screen and (max-width: 1201px){#main-content{width:1000px}}@media only screen and (max-width: 1025px){#main-content{flex-direction:column;width:100%;margin:auto}#main-content div:last-child{margin-bottom:150px}}#main-content .main-item{width:30%;margin:20px auto 0;flex-wrap:wrap}#main-content .main-item a{color:#138b89;text-transform:uppercase;font-size:14px;text-decoration:none;opacity:.8;transition:opacity .2s}#main-content .main-item a:hover{opacity:1;font-weight:600}#main-content .main-item a:before{content:"";display:inline-block;width:0px;height:2px;margin-bottom:3px;background:#138b89;transition:width .3s}#main-content .main-item a:hover:before{width:20px;margin-right:2px}@media only screen and (max-width: 1025px){#main-content .main-item{width:500px;margin-bottom:50px}}@media only screen and (max-width: 481px){#main-content .main-item{box-sizing:border-box;width:100%;padding:30px;margin-bottom:0}}#main-content h2{display:inline;text-transform:uppercase;font-size:20px;position:relative;bottom:5px}#main-content p{margin:25px 0 15px;line-height:1.8;overflow:wrap}#about-section{background-color:#f5faff;position:relative;height:600px}#about-section #about-header{height:200px;display:flex;align-items:center;justify-content:center}@media only screen and (max-width: 1025px){#about-section #about-header{height:150px;padding-top:25px}}#about-main{width:1000px;margin:auto;display:flex;border-radius:10px;line-height:1.7;background-color:#fdfdfd;box-shadow:-5px 5px 40px -5px #004346;-webkit-box-shadow:-5px 5px 40px -5px rgb(0,67,70)}@media only screen and (max-width: 1025px){#about-main{width:100%;flex-direction:column;background-color:#f5faff;box-shadow:none;-webkit-box-shadow:none}}#about-main #about-summary{flex-basis:60%;padding:50px}@media only screen and (max-width: 1025px){#about-main #about-summary{width:75%;margin:auto;padding-top:0}}@media only screen and (max-width: 481px){#about-main #about-summary{width:90%;padding:5px}}#about-main #about-summary h1{font-size:28px;margin-bottom:5px;color:#138b89}#about-main #about-summary h2{font-size:19px;margin:25px 0;color:#138b89;opacity:.8;font-weight:400}#about-main #about-summary p{margin-bottom:15px}#about-main #about-description{flex-basis:40%;text-align:center;color:#fff;background-image:linear-gradient(155deg,#012041 0%,#18496a 50%,#138b89 100%);border-radius:0 10px 10px 0}@media only screen and (max-width: 1025px){#about-main #about-description{background:rgb(245,250,255);color:#002f62;margin-bottom:150px}#about-main #about-description .contact-btn{background:rgb(245,250,255)!important;border:1px solid #002f62!important;color:#002f62!important}#about-main #about-description .contact-btn i{-webkit-text-fill-color:#002f62}#about-main #about-description .contact-btn:hover{background:#002f62!important;color:#fff!important;box-shadow:2px 5px 15px -5px #002f62!important;-webkit-box-shadow:2px 5px 15px -5px #002f62!important}#about-main #about-description .contact-btn:hover i{-webkit-text-fill-color:white!important}}@media only screen and (max-width: 481px){#about-main #about-description{margin-bottom:75px}}#about-main #about-description img{margin:50px 0 15px;border-radius:50%;height:250px}#about-main #about-description h2{font-size:16px;margin-bottom:10px;font-weight:100}#about-main #about-description h3{font-size:14px;font-weight:100}#about-main #about-description p{margin:25px 0}.skills-container{height:1300px;position:relative;background:#0b345d;background-image:linear-gradient(-125deg,#002f62 0%,#18496a 50%,#138b89 100%);color:#fff;z-index:-2}@media only screen and (max-width: 1025px){.skills-container{padding-top:550px}}@media only screen and (max-width: 481px){.skills-container{height:1350px;padding-top:900px}}@media only screen and (max-width: 426px){.skills-container{padding-top:950px}}@media only screen and (max-width: 391px){.skills-container{padding-top:1000px}}@media only screen and (max-width: 376px){.skills-container{padding-top:1050px}}@media only screen and (max-width: 351px){.skills-container{padding-top:1150px}}@media only screen and (max-width: 1441px){.skills-container .svg-top{top:-18%}}@media only screen and (max-width: 1201px){.skills-container .svg-top{top:-15%}}@media only screen and (max-width: 1025px){.skills-container .svg-top{top:40%}}@media only screen and (max-width: 769px){.skills-container .svg-top{top:44%}}@media only screen and (max-width: 481px){.skills-container .svg-top{top:50%}}@media only screen and (max-width: 426px){.skills-container .svg-top{top:53%}}@media only screen and (max-width: 376px){.skills-container .svg-top{top:57%}}@media only screen and (max-width: 351px){.skills-container .svg-top{top:61%}}.skills-container #skills-header{text-align:center;text-transform:uppercase;margin-bottom:50px}@media only screen and (max-width: 1025px){.skills-container #skills-header{margin:15px 0 35px}}.skills-container #skills-header i{font-size:20px}.skills-container #skills-header h2{display:inline;margin-left:15px}.skills-container #skills-section{padding-top:500px}.skills-container .svg-top{bottom:70%}.skills-container i{-webkit-text-fill-color:white}.skills-container #skills-items-wrapper{width:1200px;margin:auto;text-align:center;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr;grid-template-areas:"skill1 skill2 skill3 skill4" "skill5 skill6 skill7 skill8"}.skills-container #skills-items-wrapper div:nth-child(1){grid-area:skill1}.skills-container #skills-items-wrapper div:nth-child(2){grid-area:skill2}.skills-container #skills-items-wrapper div:nth-child(3){grid-area:skill3}.skills-container #skills-items-wrapper div:nth-child(4){grid-area:skill4}.skills-container #skills-items-wrapper div:nth-child(5){grid-area:skill5}.skills-container #skills-items-wrapper div:nth-child(6){grid-area:skill6}.skills-container #skills-items-wrapper div:nth-child(7){grid-area:skill7}.skills-container #skills-items-wrapper div:nth-child(8){grid-area:skill8}@media only screen and (max-width: 1025px){.skills-container #skills-items-wrapper{width:100%;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;grid-template-areas:". skill1 . skill2 . skill3 ." ". . skill4 . skill5 . ." ". skill6 . skill7 . skill8 ."}}@media only screen and (max-width: 481px){.skills-container #skills-items-wrapper{grid-template-columns:1fr 1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr 1fr;grid-template-areas:". skill1 . skill2 ." " . . skill3 . ." ". skill4 . skill5 ." " . . skill6 . ." ". skill7 . skill8 ."}}.skills-container #skills-items-wrapper h5{font-size:16px;text-transform:uppercase;letter-spacing:3px}@media only screen and (max-width: 481px){.skills-container #skills-items-wrapper h5{font-size:12px}}.skills-container #skills-items-wrapper .skills-item{margin:50px auto}@media only screen and (max-width: 481px){.skills-container #skills-items-wrapper .skills-item{margin:25px auto}}.skills-container #skills-items-wrapper .fab{font-size:60px;margin:15px auto}@media only screen and (max-width: 1025px){.skills-container #skills-items-wrapper .fab{font-size:45px}}@media only screen and (max-width: 481px){.skills-container #skills-items-wrapper .fab{font-size:30px}}.skills-container #skills-items-wrapper #bootstrap-icon{margin:15px auto;width:55px;height:55px;padding-top:3px;background:white;color:#045463;font-size:40px;font-weight:900;border-radius:10px}@media only screen and (max-width: 1025px){.skills-container #skills-items-wrapper #bootstrap-icon{width:40px;height:40px;font-size:30px}}@media only screen and (max-width: 481px){.skills-container #skills-items-wrapper #bootstrap-icon{width:32px;height:32px;font-size:24px}}.skills-container #skills-items-wrapper #mongodb-icon{width:75px;height:75px;margin:0 0 10px}@media only screen and (max-width: 1025px){.skills-container #skills-items-wrapper #mongodb-icon{width:57px;height:57px}}@media only screen and (max-width: 481px){.skills-container #skills-items-wrapper #mongodb-icon{margin-top:8px;width:42px;height:42px}}#portfolio-container{background:white}#portfolio-container #portfolio-header{text-align:center;margin:100px 0 150px}@media only screen and (max-width: 481px){#portfolio-container #portfolio-header{margin-bottom:75px}}@media only screen and (max-width: 769px){#portfolio-container #portfolio-header{margin-bottom:100px}}.portfolio-item-wrapper{display:flex;width:1200px;margin:0 auto 250px;position:relative}@media only screen and (max-width: 1025px){.portfolio-item-wrapper{flex-direction:column;box-sizing:border-box;width:700px;padding:50px;border-radius:15px;box-shadow:0 0 70px -15px #004346;-webkit-box-shadow:0 12px 100px -20px rgb(0,67,70)}}@media only screen and (max-width: 769px){.portfolio-item-wrapper{padding:30px;width:90%;margin-bottom:75px}}@media only screen and (max-width: 481px){.portfolio-item-wrapper{overflow:hidden}}.portfolio-item-wrapper hr{width:30%;border-color:gray;opacity:.3;margin:20px 0 30px}@media only screen and (max-width: 481px){.portfolio-item-wrapper hr{width:80%}}.portfolio-item-wrapper span{font-size:12px;text-transform:uppercase;color:#002f62;border:1px solid #002f62;padding:8px 15px;margin-right:20px;border-radius:20px}.portfolio-item-wrapper .portfolio-item-tech{margin:5px;display:inline-block;width:min-content}.portfolio-item-wrapper .portfolio-item-info{flex-basis:50%;margin-right:200px}@media only screen and (max-width: 1331px){.portfolio-item-wrapper .portfolio-item-info{flex-basis:30%;margin:0 100px}}@media only screen and (max-width: 1201px){.portfolio-item-wrapper .portfolio-item-info{margin:0 50px}}@media only screen and (max-width: 1025px){.portfolio-item-wrapper .portfolio-item-info{text-align:center}.portfolio-item-wrapper .portfolio-item-info hr{margin:10px auto 40px}}@media only screen and (max-width: 481px){.portfolio-item-wrapper .portfolio-item-info{margin:0 auto;width:90%}}@media only screen and (max-width: 401px){.portfolio-item-wrapper .portfolio-item-info{width:100%}.portfolio-item-wrapper .portfolio-item-info p{text-align:left}}.portfolio-item-wrapper .portfolio-item-info:nth-child(2){margin:0 0 0 200px}@media only screen and (max-width: 1201px){.portfolio-item-wrapper .portfolio-item-info:nth-child(2){margin:0 0 0 100px}}@media only screen and (max-width: 1025px){.portfolio-item-wrapper .portfolio-item-info:nth-child(2){margin:0 auto;width:75%}}@media only screen and (max-width: 481px){.portfolio-item-wrapper .portfolio-item-info:nth-child(2){width:90%;padding-bottom:50px}}@media only screen and (max-width: 376px){.portfolio-item-wrapper .portfolio-item-info:nth-child(2){width:100%}}.portfolio-item-wrapper .portfolio-item-info .portfolio-item-title{color:#002f62;font-size:28px}.portfolio-item-wrapper .portfolio-item-info .portfolio-item-type{color:#505050;margin:5px 0 20px;font-size:16px;text-transform:uppercase}.portfolio-item-wrapper .portfolio-item-info .portfolio-item-description{line-height:1.7;color:#505050;margin-bottom:30px}#thumbnail-laptop{height:400px;position:relative;transition:-webkit-filter .3s,opacity .3s,transform .5s}@media only screen and (max-width: 1331px){#thumbnail-laptop{transform:scale(.9)}}@media only screen and (max-width: 1201px){#thumbnail-laptop{transform:scale(.8)}}@media only screen and (max-width: 1025px){#thumbnail-laptop{margin-top:50px}}@media only screen and (max-width: 769px){#thumbnail-laptop{transform:scale(.7);width:100%}}@media only screen and (max-width: 481px){#thumbnail-laptop{transform:scale(.5);width:30%;margin:0;height:350px}}@media only screen and (max-width: 451px){#thumbnail-laptop{transform:scale(.45)}}@media only screen and (max-width: 401px){#thumbnail-laptop{transform:scale(.4);height:300px}}@media only screen and (max-width: 321px){#thumbnail-laptop{transform:scale(.35)}}#thumbnail-laptop:hover,#site-btn:hover+#thumbnail-laptop{filter:blur(5px);opacity:.8;transform:scale(.95)}@media only screen and (max-width: 1331px){#thumbnail-laptop:hover,#site-btn:hover+#thumbnail-laptop{transform:scale(.85)}}@media only screen and (max-width: 1201px){#thumbnail-laptop:hover,#site-btn:hover+#thumbnail-laptop{transform:scale(.75)}}@media only screen and (max-width: 481px){#thumbnail-laptop:hover,#site-btn:hover+#thumbnail-laptop{transform:scale(.45)}}#thumbnail-laptop #thumbnail-mobile{width:150px;height:270px;position:absolute;top:40px;left:450px;border:5px solid rgb(15,15,15);border-radius:15px;box-shadow:15px 10px 70px -15px #004346;-webkit-box-shadow:15px 10px 70px -15px rgb(0,67,70)}#thumbnail-laptop #thumbnail-mobile img{width:151px;height:230px}#thumbnail-laptop #thumbnail-mobile #mobile-top{width:151px;height:25px;background-color:#191919;border-radius:9px 9px 0 0}#thumbnail-laptop #thumbnail-mobile #mobile-top #camera{display:inline-block;width:8px;height:8px;background-color:#000;padding:0;border:none;position:relative;top:2px;left:40px}#thumbnail-laptop #thumbnail-mobile #mobile-top #speaker{display:inline-block;width:35px;height:3px;background:rgb(50,50,50);padding:0;border:none;position:relative;top:0;left:30px}#thumbnail-laptop #thumbnail-mobile #mobile-bottom{width:151px;height:25px;background-color:#191919;border-radius:0 0 9px 9px;position:relative;top:-13px}#thumbnail-laptop #thumbnail-mobile #mobile-bottom #home-btn{display:inline-block;padding:0;border:none;width:18px;height:18px;background:rgb(50,50,50);position:relative;top:4px;left:65px}#site-btn{color:#e4e4e4;text-transform:uppercase;font-weight:750;letter-spacing:1px;height:50px;width:200px;position:absolute;top:150px;right:220px;background:linear-gradient(155deg,#012041 0%,#18496a 50%,#138b89 100%);background:-webkit-linear-gradient(250deg,#012041 0%,#18496a 50%,#138b89 100%);padding:16px 50px 25px 10px;z-index:10;border:none;border-radius:30px;cursor:pointer}@media only screen and (max-width: 1331px){#site-btn{right:275px}}@media only screen and (max-width: 1201px){#site-btn{right:375px}}@media only screen and (max-width: 481px){#site-btn{display:none}}#site-btn:before{content:"";display:inline-block;width:26px;height:2px;background:rgb(228,228,228);position:absolute;left:140px;top:25px}#site-btn:after{content:"";display:inline-block;width:11px;height:11px;background:none;position:absolute;left:153px;top:20px;border-right:2px solid rgb(228,228,228);border-bottom:2px solid rgb(228,228,228);transform:rotate(-45deg)}#screen{width:500px;height:300px;border:25px solid rgb(50,50,50);border-radius:10px 10px 0 0;box-sizing:border-box;box-shadow:0 5px 40px -1px #004346;-webkit-box-shadow:0px 5px 40px -1px rgb(0,67,70);position:relative}#screen img{width:100%;height:100%}#screen #camera{position:absolute;width:18px;height:8px;padding:0;border:none;background:rgb(56,56,56);border:1px solid black;top:-17px;left:48%}#screen #tool-bar{width:100%;height:20px;background:gray;position:relative}#screen #tool-bar span{position:absolute;height:10px;width:10px;padding:0;background:rgb(200,200,200);border:none;top:5px}#screen #tool-bar span:nth-child(1){left:5px}#screen #tool-bar span:nth-child(2){left:23px}#screen #tool-bar span:nth-child(3){left:43px}#screen #tool-bar #address-bar{position:relative;width:50%;height:10px;background-color:#c8c8c8;margin:auto;top:5px}#keyboard{position:relative;width:553px;height:150px;top:-48px;left:-27px;background:linear-gradient(250deg,white 0%,rgb(200,200,200) 70%,gray 100%);background:-webkit-linear-gradient(250deg,white 0%,rgb(200,200,200) 70%,gray 100%);transform:perspective(600px) rotateX(65deg);border-radius:0 0 10px 10px;border:1px solid gray;box-shadow:5px 50px 100px -25px #004346;-webkit-box-shadow:5px 50px 100px -25px rgb(0,67,70)}#keyboard #keys{position:relative;width:350px;height:75px;top:37px;left:100px;background:linear-gradient(250deg,rgb(50,50,50) 0%,rgb(100,100,100) 70%,gray 100%);background:-webkit-linear-gradient(250deg,rgb(50,50,50) 0%,rgb(100,100,100) 70%,gray 100%)}#keyboard-base{position:relative;top:-155px;width:500px;height:150px;border-radius:20px;background:linear-gradient(25deg,white 0%,rgb(200,200,200) 70%,gray 100%);background:-webkit-linear-gradient(240deg,rgb(200,200,200) 0%,rgb(100,100,100) 40%,rgb(50,50,50) 100%);transform:perspective(350px) rotateX(-85deg)}#codepen{text-align:center;background-color:#f5faff;padding-top:100px}#codepen-container{width:80%;padding-bottom:150px;margin:100px auto 0}#codepen-container .slick-list,#codepen-container .slick-next,#codepen-container .slick-prev{z-index:100}#codepen-container .slick-next,#codepen-container .slick-prev{height:35px;width:35px}#codepen-container .slick-next:hover,#codepen-container .slick-prev:hover{opacity:.7}@media only screen and (max-width: 376px){#codepen-container .slick-next{right:-33px}}.slick-prev:before,.slick-next:before{font-size:36px;color:#002f62;opacity:1}.codepen-item{position:relative}.codepen-item .project-img-wrapper{border-radius:10px;margin:0 30px}.codepen-item .project-img-wrapper:hover img{opacity:.1}@media only screen and (max-width: 481px){.codepen-item .project-img-wrapper{margin:0 0 0 17px}}@media only screen and (max-width: 376px){.codepen-item .project-img-wrapper{margin:0 4px 0 17px}}.codepen-item img{width:100%;height:350px;border-radius:5px;transition:opacity .3s ease-in-out}@media only screen and (max-width: 769px){.codepen-item img{height:300px}}.codepen-item .project-description{position:absolute;width:350px;transform:translate(-50%,-50%);left:50%;top:50%;transition:opacity .5s ease-out}@media only screen and (max-width: 1441px){.codepen-item .project-description{width:265px}}@media only screen and (max-width: 1331px){.codepen-item .project-description{width:330px}}@media only screen and (max-width: 1025px){.codepen-item .project-description{width:270px}}@media only screen and (max-width: 769px){.codepen-item .project-description{width:255px}}@media only screen and (max-width: 481px){.codepen-item .project-description{width:245px;font-size:12px}}@media only screen and (max-width: 376px){.codepen-item .project-description{width:200px}}.codepen-item .project-description h2,.codepen-item .project-description p,.codepen-item .project-description a{color:#002f62}.codepen-item .project-description h2{margin-bottom:15px;text-decoration:underline}.codepen-item .project-description p{margin-bottom:25px;line-height:1.8;font-weight:600}.codepen-item .project-description a{text-decoration:none;background:linear-gradient(155deg,#012041 0%,#18496a 50%,#138b89 100%);background:-webkit-linear-gradient(250deg,#012041 0%,#18496a 50%,#138b89 100%);padding:10px 15px;color:#fff}.codepen-item .project-description:before,.codepen-item .project-description:after{content:"";position:absolute;top:-50px;bottom:-50px;left:-25px;right:-25px;transition:transform .4s ease-in-out;z-index:-1}.codepen-item .project-description:before{transform:scaleX(0);border-top:2px solid #002f62;border-bottom:2px solid #138b89}.codepen-item .project-description:hover:before{transform:scaleX(1.05)}.codepen-item .project-description:after{transform:scaleY(0);border-left:2px solid #002f62;border-right:2px solid #138b89}.codepen-item .project-description:hover:after{transform:scaleY(1.05)}#contact-container{height:1100px;position:relative;background-image:linear-gradient(125deg,#002f62 0%,#18496a 50%,#138b89 100%)}#contact-container .invalid-form-input{display:inline-block;background:red;border-radius:50%;width:15px;height:15px;color:#fff;text-align:center;margin-left:5px}#contact-container .svg-top{top:-20%}@media only screen and (max-width: 1331px){#contact-container .svg-top{top:-10%}}@media only screen and (max-width: 769px){#contact-container .svg-top{top:-6%}}@media only screen and (max-width: 481px){#contact-container .svg-top{top:-3%}}#contact-container .svg-bottom{bottom:-10%}@media only screen and (max-width: 1331px){#contact-container .svg-bottom{bottom:0}}#contact-container #contact-header{color:#fff;text-align:center;padding-top:250px;margin-bottom:100px}#contact-container #contact-header svg{top:0;left:0}@media only screen and (max-width: 481px){#contact-container #contact-header{padding-top:100px}}#contact-container #contact-header h2{color:#fff}#contact-container #contact-header h3{margin-top:15px}#contact-container #contact-header i{-webkit-text-fill-color:white;font-size:28px}#contact-form-card{display:relative;width:1100px;margin:auto;display:flex;border-radius:20px;box-shadow:-5px 5px 60px -15px #004346;-webkit-box-shadow:-5px 5px 60px -5px rgb(0,67,70)}@media only screen and (max-width: 1100px){#contact-form-card{width:1000px}}@media only screen and (max-width: 1025px){#contact-form-card{flex-direction:column;width:90%;border-top-right-radius:20px}}#contact-form-card #form-wrapper{position:relative;padding:60px;background-color:#fff;border-radius:20px 0 0 20px;flex-basis:70%;display:grid;grid-template-rows:90px 100px 100px 2fr;grid-template-columns:47% 6% 47%;grid-template-areas:"header header header" "name . email" "company . phone" "message message message" "button . ."}#contact-form-card #form-wrapper h3{text-align:center;color:#002f62;grid-area:header;margin-top:10px;font-size:24px}#contact-form-card #form-wrapper .form-item-label{color:#002f62;text-transform:uppercase;font-size:12px;margin-bottom:10px;font-weight:800;letter-spacing:1px}#contact-form-card #form-wrapper input{box-sizing:border-box;width:100%;height:45px;border:none;border-radius:10px;background-color:#dde7fd;padding:0 15px;font-family:Montserrat}#contact-form-card #form-wrapper textarea{box-sizing:border-box;border:none;border-radius:10px;background-color:#dde7fd;padding:15px;font-family:Montserrat;width:100%}#contact-form-card #form-wrapper div:nth-child(2){grid-area:name}#contact-form-card #form-wrapper div:nth-child(3){grid-area:email}#contact-form-card #form-wrapper div:nth-child(4){grid-area:company}#contact-form-card #form-wrapper div:nth-child(5){grid-area:phone}#contact-form-card #form-wrapper div:nth-child(6){grid-area:message}#contact-form-card #form-wrapper button{grid-area:button;color:#002f62;border:1px solid #002f62;background-color:#fff;border-radius:20px;width:100px;padding:10px;margin-top:30px;font-size:12px;opacity:1;transition:background-color .3s}#contact-form-card #form-wrapper button:hover{color:#fff;background-color:#002f62;box-shadow:2px 5px 15px -5px #002f62;-webkit-box-shadow:2px 5px 15px -5px #002f62}@media only screen and (max-width: 1025px){#contact-form-card #form-wrapper{border-top-right-radius:20px}}@media only screen and (max-width: 769px){#contact-form-card #form-wrapper{padding:40px}}@media only screen and (max-width: 481px){#contact-form-card #form-wrapper{padding:25px;grid-template-columns:100%;grid-template-rows:1fr;grid-template-areas:"header" "name" "email" "company" "phone" "message" "button"}#contact-form-card #form-wrapper h3{margin:20px 0 40px}#contact-form-card #form-wrapper .form-items-wrapper{margin-bottom:20px}#contact-form-card #form-wrapper button{margin:5px 0 25px;width:100%}}#contact-form-card #contact-info-wrapper{flex-basis:30%;width:100%;border-radius:0 20px 20px 0;margin:0 auto;padding:40px;background-image:linear-gradient(-125deg,#002f62 0%,#18496a 50%,#138b89 100%);color:#fff}@media only screen and (max-width: 1025px){#contact-form-card #contact-info-wrapper{width:100%;border-top-right-radius:0;border-bottom-left-radius:20px;text-align:center;padding:30px;box-sizing:border-box;margin:0}}@media only screen and (max-width: 481px){#contact-form-card #contact-info-wrapper #info-wrapper{text-align:left;width:85%;margin:auto}}@media only screen and (max-width: 376px){#contact-form-card #contact-info-wrapper{padding:40px 20px 50px}}#contact-form-card #contact-info-wrapper hr{width:60%;margin:30px auto;opacity:.5}#contact-form-card #contact-info-wrapper h3{font-size:24px;margin-top:25px;text-align:center}#contact-form-card #contact-info-wrapper h5{display:inline-block;margin:20px 0;font-size:16px;font-weight:200}#contact-form-card #contact-info-wrapper p{padding-top:25px;font-size:18px}#contact-form-card #contact-info-wrapper i{margin:0 25px 0 10px;font-size:20px;-webkit-text-fill-color:white}#contact-form-card #contact-info-wrapper .city-icon{margin-right:22px;font-size:18px}#contact-form-card #contact-info-wrapper .phone-icon{margin-right:30px}#contact-form-card #contact-info-wrapper #alt-contact-header{text-align:center;margin-bottom:40px}#contact-form-card #contact-info-wrapper #alt-contact-wrapper{text-align:center}#confirmation,#form-sending{position:fixed;height:100px;top:50%;left:50%;transform:translate(-50%,-50%);padding:10px 20px 10px 10px;border-radius:20px;z-index:2;color:#fff;display:flex;justify-content:center;align-items:center}#confirmation{width:600px;transition:top .4s ease-in-out,opacity .3s ease-in-out;background:#138b89;z-index:2}@media only screen and (max-width: 481px){#confirmation{width:300px;padding:0 10px}}#confirmation p{margin-left:20px;line-height:1.8;font-size:18px}@media only screen and (max-width: 769px){#confirmation p{font-size:14px}}@media only screen and (max-width: 481px){#confirmation p{font-size:12px;line-height:1.5;margin-left:10px}}@media only screen and (max-width: 351px){#confirmation p{font-size:10px}}#confirmation i{font-size:50px;padding:5px 5px 5px 10px;-webkit-text-fill-color:white}@media only screen and (max-width: 481px){#confirmation i{font-size:40px}}#form-sending{width:300px;background:rgb(25,25,25)}#footer-container{text-align:center;color:#002f62;margin-top:230px}@media only screen and (max-width: 1025px){#footer-container{margin-top:830px}}@media only screen and (max-width: 481px){#footer-container{margin-top:750px}}#footer-container h2{text-transform:uppercase}#footer-container a{font-size:14px;color:#002f62}#footer-container p{font-size:12px;margin-top:30px;padding-bottom:30px;line-height:1.8}