@import url(https://fonts.googleapis.com/css2?family=Lobster&family=Noto+Serif:ital,wght@0,100..900;1,100..900&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#07255e;font-family:"Noto Serif",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}::selection{background:#dd3928;color:#fff}::-moz-selection{background:#dd3928;color:#fff}.App{background-color:#02163a;background-image:linear-gradient(110deg,#02163a,#0000,#02163a);text-align:left}h1{display:inline-flex;font-family:Lobster,serif;font-size:42px;font-weight:400;line-height:50px;margin-left:-20px;margin-top:0;text-align:center}h1:before{content:"<";padding-right:8px}h1:after,h1:before{color:#dd3928;font-family:Raleway,sans-serif;font-size:25px;font-weight:400}h1:after{content:" />";padding-left:10px;padding-top:3px}h2{font-size:23px;font-weight:700;line-height:27px}h2,h3{margin-bottom:0}h3{font-size:15px;line-height:20px;margin-top:4px}h3,h4{font-weight:400}h4{font-size:16px;margin-bottom:30px;margin-top:0}h5{font-size:18px}h5,h6{font-weight:600;margin-bottom:0;margin-top:0}h6{font-size:15px}p{font-size:16px}.App-header{display:block;flex-direction:row}.App-header-left{background:#f3efef;color:#000;min-width:100%;padding-bottom:30px;padding-top:30px;position:relative}.App-header-right{color:#f3efef;min-height:100vh;position:relative;width:100%}.container,.container-two{margin:0 auto;position:relative;width:85%}.container-two{padding-top:60px}@media screen and (min-width:900px){h1{display:inline-flex;font-family:Lobster,serif;font-size:42px;font-weight:400;line-height:50px;margin-left:-24px;margin-top:0}h1:before{content:"<";padding-right:8px}h1:after,h1:before{color:#dd3928;font-family:Raleway,sans-serif;font-size:25px;font-weight:400}h1:after{content:" />";padding-left:10px;padding-top:3px}h2{font-size:23px;font-weight:700;line-height:27px;margin-bottom:0}.App-header{display:flex;flex-direction:row}.App-header-left{background:#f3efef;color:#000;min-height:100vh;min-width:320px;position:fixed;z-index:10}.slideIn{-webkit-animation:slide .8s forwards;-webkit-animation-delay:0s;animation:slide .8s forwards;animation-delay:0s;left:-320px}@keyframes slide{to{left:0}}.App-header-right{animation-duration:2s;animation-iteration-count:1;animation-name:fadeInOpacity;animation-timing-function:ease-in;background-image:linear-gradient(110deg,#02163a,#0000,#02163a);color:#f3efef;min-height:100vh;opacity:1;position:absolute;right:0;width:calc(100% - 320px)}.container{left:50%;margin:0 auto;max-width:500px;position:absolute;top:50px;transform:translate(-50%);width:80%}.container-two{margin:0 auto;max-width:800px;padding-top:15vh;position:relative;width:80%}@keyframes fadeInOpacity{0%{opacity:0}to{opacity:1}}}.card{border:1px solid #0000;padding:20px 20px 15px 40px;position:relative}.card,.card:hover{transition:background-color .5s}.card:hover{background-color:#162f60;border:1px solid #223f79;border-radius:7px;opacity:1}ul{color:inherit;font-size:14px;opacity:1;padding-left:12px}@media screen and (min-width:900px){ul{opacity:.5;transition:opacity .5s}.card:hover>p,.card:hover>ul{opacity:1;transition:opacity .5s}}li{list-style:none;padding-bottom:7px}li:last-child{padding-bottom:0}li:before{content:"·";font-size:20px;line-height:5px;margin-left:-10px;margin-right:5px;vertical-align:middle}.link-title{color:inherit;font-family:Raleway,sans-serif;font-size:17px;font-weight:700;line-height:35px;padding-bottom:10px;text-decoration:none;transition:.3s}.link-title:before{content:"— ";font-size:20px;font-weight:700;line-height:25px}.back-home{display:inline-block}.back-home:before{content:"|< ";margin-right:10px}#link.link-title:hover{cursor:pointer;font-size:20px;transition:.3s}.link-title:hover>.link-title:hover{color:#dd3928}.content-section{padding-bottom:15vh;position:relative}.grid-container{border-radius:5px;display:flex;justify-content:space-between;padding:20px}.desktop-contact,.sb12:before{display:none}.mobile-contact{display:block}@media screen and (min-width:900px){.desktop-contact{display:block}.mobile-contact{display:none}.sb12{z-index:9}.sb12:before{-webkit-animation:slide2 .5s forwards;-webkit-animation-delay:0s;animation:slide2 .7s forwards;animation-delay:1.3s;border:20px solid #0000;border-left-color:#dd3928;content:"";display:inline-block;height:0;left:320px;position:fixed;top:-50px;width:0}@keyframes slide2{to{top:14vh}}}#projectPage h2{font-family:Raleway,sans-serif;margin-bottom:20px;margin-top:0}.iframe-container{border:2px solid #223f79;border-radius:7px;overflow:hidden;padding-top:56.25%;position:relative;width:100%}.responsive-iframe{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}#projectPage h4,#projectPage h5{font-size:22px;margin-top:0}#projectPage h5{font-family:Raleway;padding-bottom:20px;padding-top:0}.project-image-grid{display:flex;gap:1%;justify-content:space-between;position:relative}.project-image-grid div{border-radius:7px;display:block;max-width:49%;text-align:center;width:auto}#projectPage img{border:2px solid #1f499a;border-radius:7px;width:100%}#projectPage p{margin-bottom:25px}#projectPage h6{border:1px solid #0d2f75;border-top:0;color:#6282c4;font-family:Raleway,sans-serif;font-size:12px;font-weight:700;margin-top:4px;padding-bottom:5px;text-align:center}.project-details{background:#0000;border-left:1px solid #0d2f75;border-radius:0;margin-bottom:20px;margin-top:10px}.project-details:hover{background:#0000;border-bottom:1px solid #0000;border-radius:0;border-right:1px solid #0000;border-top:1px solid #0000}.project-header-content{margin-bottom:30px}#contact{margin-top:20px;position:relative}@media screen and (min-width:900px){#contact{animation:float 5s ease-in-out infinite;bottom:1%;margin-left:20px;position:fixed}}@keyframes float{0%{transform:translatey(0)}50%{transform:translatey(-10px)}to{transform:translatey(0)}}.profile-image{border:2px solid #fff;border-radius:50px;box-shadow:1px 5px 10px #c6c6c6;height:65px;margin-right:15px;width:65px}.contact-info,.profile-image{display:inline-block;vertical-align:middle}.contact-info h3{font-weight:700;margin-bottom:5px;margin-left:-1px}.contact-info h6{font-size:13px;font-weight:400}.contact-info h6 span{color:green;font-size:16px;margin-right:4px}.contact-info button{background:#0000;border:0;cursor:pointer;padding:0}.contact-info .logo1{border-bottom:2px solid #0000;border-top:2px solid #0000;display:inline-block;margin-right:11px;vertical-align:middle;width:23px}.contact-info .logo1:hover{border-bottom:2px solid #dd3928;padding-bottom:2px}.contact-info .logo2{display:inline-block;margin-right:11px;vertical-align:middle;width:20px}.content-container{padding-bottom:20px}.contact-me{color:#000;font-weight:700;margin-top:0}.tooltip .tooltiptext{background:#02163a;border-radius:6px;color:#fff;padding:5px 10px;position:absolute;text-align:left;top:-13px;visibility:hidden;width:150px;z-index:1}.tooltip:hover .tooltiptext{visibility:visible}#about h4{font-size:22px;margin-top:0}#companyCard{margin-bottom:20px;position:relative}#companyCard a{color:inherit;display:inline-block;font-size:16px;text-decoration:none;vertical-align:middle}#companyCard img{border-radius:5px;height:45px;left:0;position:absolute;top:20px;width:45px;z-index:10}#companyCard .card{margin-left:25px}.portfolio-card{border:1px solid #444;border-radius:7px;color:#fff;display:flex;justify-content:space-between;position:relative}.thumbnail{flex:1 1;margin:1%;position:relative;width:45%}.overlayInfo{background:#2d2d2dcc;border-radius:7px;display:none;height:100%;left:0;position:absolute;text-align:center;top:0;transition:.3s;width:100%}.thumbnail:hover>.overlayInfo{cursor:pointer;display:block;transition:.3s}#portfolio .portfolio-content{padding:15px 20px}.image-box{display:block}
/*    !*margin-top: 10px;*!*/.grid-container_new{border-radius:5px;display:flex;justify-content:stretch;padding:20px}.link-container{color:inherit;cursor:pointer;text-decoration:none}#portfolioCard{border:1px solid #0000;border-left-color:#0d2f75;border-radius:5px;margin-bottom:30px;margin-top:20px;transition:background-color .5s}@media screen and (min-width:900px){#portfolioCard{display:flex;flex-direction:row-reverse;justify-content:space-between;margin-bottom:0}#portfolioCard:hover{background-color:#162f60;border:1px solid #223f79;opacity:1;transition:background-color .5s}}#portfolioCard a{color:inherit;display:inline-block;font-size:16px;text-decoration:none;vertical-align:middle}#portfolioCard p{font-size:14px}#portfolioCard .project-image{border-radius:3px;height:100%;margin-left:20px;max-width:90%}.portfolio-content1{padding:20px 0 20px 30px}@media screen and (min-width:900px){#portfolioCard .project-image{border-radius:3px;margin-bottom:0;margin-left:20px;max-width:200px}}.pill{background-color:#1f499a;border-radius:20px;display:inline-block;font-size:12px;margin-bottom:10px;margin-right:10px;padding:5px 10px 7px}#portfolioCard .about{opacity:.7;transition:opacity .5s}#portfolioCard:hover>.about{opacity:1;transition:opacity .5s}.skill-box li:before{content:"";font-size:20px;line-height:5px;margin-left:-15px;margin-right:5px;vertical-align:middle}#footer.content-section{padding-top:30vh}.skill-box{border-left:1px solid #0d2f75;min-width:40%;padding-left:20px}.skill-box ul{opacity:1}.skill-item-container{padding:0}
/*# sourceMappingURL=main.438caacd.css.map*/