*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}body{color:#fff;background:#0d3f68;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}.containter{padding:10px 10%}.logo{width:210px}.nav{z-index:1000;opacity:.9;background-color:#e3e3e3;outline-style:solid;outline-color:#1870b8;flex-wrap:wrap;justify-content:space-between;align-items:center;width:100%;display:flex;position:fixed;top:0}.nav ul li{margin:10px 20px;list-style:none;display:inline-block}.nav ul li a{color:#1870b8;font-size:18px;font-weight:700;text-decoration:none;position:relative}.nav ul li a:after{content:"";background:#3caadf;width:0;height:3px;transition:all .5s;position:absolute;bottom:-6px;right:50%}.nav ul li a:before{content:"";background:#3caadf;width:0;height:3px;transition:all .5s;position:absolute;bottom:-6px;left:50%}.nav ul li a:hover:after,.nav ul li a:hover:before{width:55%}.headerText{align-self:center;margin-top:13%;margin-left:2%;font-family:Courier New,Courier,monospace;font-size:30px}.headerText h1{text-align:center;margin-top:20px;font-size:60px}.headerText h3{text-align:center;margin-top:15px;font-size:30px}.headerText h3 span{color:#3caadf}#about{color:#ababab;margin:3%;padding:80px 0}.row{flex-wrap:wrap;justify-content:space-between;display:flex}.aboutCol1{flex-basis:30%}.aboutCol1 img{border-radius:15px;width:90%}.aboutCol2{flex-basis:68%}.aboutCol2 p{font-size:20px}.subTitle{color:#e6e5e5;font-size:45px;font-weight:600}.subTitleWork{color:#e6e5e5;text-align:center;font-size:45px;font-weight:600}.tabTitles{margin:20px 0 40px;display:flex}.tabLinks{cursor:pointer;margin-right:55px;font-size:18px;font-weight:500;position:relative}.tabLinks:after{content:"";background:#3caadf;width:0;height:3px;transition:all .2s;position:absolute;bottom:-8px;right:50%}.tabLinks:before{content:"";background:#3caadf;width:0;height:3px;transition:all .2s;position:absolute;bottom:-8px;left:50%}.tabLinks.activeLink:after,.tabLinks.activeLink:before{width:55%}.tabContents ul{padding-inline-start:0}.tabContents ul li{margin:10px 0;font-size:17px;list-style:none}.tabContents ul li ul li{list-style:circle}.tabContents ul li span{color:#3caadf;margin-bottom:2px;font-size:18px}.tabContents{display:none}.tabContents.activeTab{display:block}#portfolio{padding:50px,0;margin:3%}.workList{grid-gap:30px;grid-template-columns:repeat(3,1fr);height:auto;margin-top:50px;display:grid}.work{background-color:#1870b8;border-radius:10px;outline:2px solid #1870b8;position:relative;overflow:auto;scale:95%}.work:hover{outline-width:4px;outline-color:#4082b8}.work img{object-fit:cover;width:100%;height:250px;display:block}.tags{grid-column-gap:3%;grid-row-gap:15%;grid-template-columns:auto auto auto;margin-top:5px;display:grid}.EngineTag{text-align:center;background-color:#5a5a92;border-radius:10px;width:auto;text-decoration:none}.CodeTag{text-align:center;background-color:#916458;border-radius:10px;width:auto;text-decoration:none}.RoleTag{text-align:center;background-color:#588f5b;border-radius:10px;width:auto;text-decoration:none}.workDescription{margin:4%}.workDescription h3{font-size:25px;font-style:bold;margin-bottom:4px;font-weight:600}.workDescription p{min-height:80px;margin-bottom:4px;font-weight:300}.description{max-width:800px}.work img{border-radius:10px;width:100%;transition:transform .6s;display:block}.layer{text-align:center;background:linear-gradient(#00000080,#0c65ca);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:0%;padding:0 40px;font-size:14px;transition:height .45s;display:flex;position:absolute;bottom:0;left:0;overflow:hidden}.layer h3{margin-bottom:20px;font-weight:700}.layer a{color:#3caadf;text-align:center;background:#fff;border-radius:50%;width:35px;height:35px;margin-top:20px;font-size:13px;font-weight:600;line-height:35px;text-decoration:none}.work:hover .layer{height:100%}.btn{color:#fff;border:1px solid #3caadf;border-radius:6px;width:fit-content;margin:50px auto;padding:14px 50px;font-weight:550;text-decoration:none;transition:background .5s;display:block}.btn:hover{background:#3caadf}#contact{margin:3%}.contactLeft{flex-basis:35%}.contactLeft p{margin-top:30px}.contactLeft p i{color:#124dd7;margin-right:15px;font-size:25px}.contactRight{flex-basis:60%}.socialIcons{margin-top:30px}.socialIcons a{color:#ababab;margin-right:15px;font-size:30px;text-decoration:none;transition:transform .5s;display:inline-block}.socialIcons a:hover{color:#124dd7;transform:translateY(-4px)}.btn.btn2{background:#0d3f68;display:inline-block}.btn.btn2:hover{background:#3caadf}.contactRight form{width:100%}form input,form textarea{color:#fff;background:#272730;border:0;border-radius:6px;outline:none;width:100%;margin:15px 0;padding:15px;font-size:18px}form .btn2{cursor:pointer;margin-top:20px;padding:14px 60px;font-size:18px}.icon{color:#fff;width:50px;height:50px}.iconInline{color:#fff;vertical-align:middle;width:35px;height:35px;margin-right:5px}.projectHeader{text-align:center;background:linear-gradient(135deg,#0d3f6877 0%,#1870b8b6 100%),url(/PanopticaBanner.png);margin-bottom:40px;padding-top:150px;padding-bottom:90px}.roterraHeader{text-align:center;background:linear-gradient(135deg,#0d3f6877 0%,#1870b8b6 100%),url(/RoterraHeader.png);margin-bottom:40px;padding-top:150px;padding-bottom:90px}.aliensHeader{text-align:center;background:linear-gradient(135deg,#0d3f6877 0%,#1870b8b6 100%),url(/AliensWantOurMascotBanner.jpg);margin-bottom:40px;padding-top:150px;padding-bottom:90px}.projectTitle{color:#fff;margin-bottom:15px;font-size:55px;font-weight:700}.projectSubtitle{color:#b3d9f0;max-width:700px;margin:0 auto;font-size:20px}.mainProjectImage{align-content:center;margin:40px 0}.mainImage{border-radius:15px;width:30%;box-shadow:0 10px 30px #3caadf4d}.projectContent{margin:3%;padding:40px 0}.sectionTitle{color:#e6e5e5;border-bottom:3px solid #3caadf;margin-top:30px;margin-bottom:30px;padding-bottom:15px;font-size:45px;font-weight:600;display:inline-block}.subsectionTitle{color:#b3d9f0;margin-top:20px;margin-bottom:15px;font-size:28px;font-weight:600}.contentRow{margin:30px 0}.contentCol{flex-basis:100%;margin:20px 0}.aboutTextImage{gap:5%;margin-bottom:3%;display:flex}.contentCol p{color:#ababab;margin-bottom:15px;font-size:18px;line-height:1.8}.contentCol ul,.detailsList{color:#ababab;padding-left:20px;font-size:18px;line-height:2}.contentCol ul li{margin-left:20px;list-style:outside}.projectDetailsSection{background-color:#1870b8;border:2px solid #3caadf;border-radius:10px;margin:-2% 0 40px;padding:0 40px 40px}.detailsRow{flex-wrap:wrap;justify-content:space-between;gap:10px;display:flex}.detailsCol h3{color:#b3d9f0}.detailsCol p{color:#7cc7f6;margin-top:10px;font-size:18px}.tagsList{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.tagsList .EngineTag,.tagsList .CodeTag,.tagsList .RoleTag{padding:8px 16px;font-size:16px}.featuresGrid{grid-template-columns:repeat(3,1fr);gap:30px;margin:40px 0;display:grid}.featureCard{background-color:#1870b8;border-left:4px solid #3caadf;border-radius:10px;padding:30px;transition:transform .3s,box-shadow .3s}.featureCard:hover{transform:translateY(-10px);box-shadow:0 10px 30px #3caadf4d}.featureCard h4{color:#7cc7f6;margin-bottom:15px;font-size:24px}.featureCard p{color:#ababab;font-size:16px;line-height:1.6}.gallery{grid-template-columns:repeat(3,1fr);gap:25px;margin:40px 0;display:grid}.galleryItem{cursor:pointer;background-color:#1870b8;border:2px solid #3caadf;border-radius:10px;height:300px;position:relative;overflow:hidden}.galleryItem img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.galleryItem:hover img{transform:scale(1.1)}.galleryOverlay{opacity:0;background:#00000080;justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:absolute;inset:0}.galleryItem:hover .galleryOverlay{opacity:1}.galleryOverlay span{color:#3caadf;font-size:48px;font-weight:700}.lightbox{z-index:2000;background:#000000e6;justify-content:center;align-items:center;width:100%;height:100%;animation:.3s fadeIn;display:flex;position:fixed;top:0;left:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lightboxContent{max-width:90%;max-height:90%;position:relative}.lightboxContent img{border-radius:10px;width:100%;height:auto}.closeButton{color:#3caadf;cursor:pointer;font-size:40px;transition:color .3s;position:absolute;top:-40px;right:0}.closeButton:hover{color:#fff}.projectFooter{text-align:center;border-top:2px solid #3caadf;margin-top:60px;padding-top:30px}@media only screen and (max-width:1024px){.detailsRow{flex-direction:column}.detailsCol{flex-basis:100%}.featuresGrid,.gallery{grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:600px){.nav ul{flex-direction:column;width:100%;display:none}.nav ul li{text-align:center;margin:15px 0}.nav ul.active{display:flex}nav .fas{color:#1870b8;cursor:pointer;margin-right:20px;font-size:25px;display:block}.headerText h1{font-size:40px}.headerText h3{font-size:20px}.aboutCol1,.aboutCol2{text-align:center;flex-basis:100%}.aboutCol1 img{width:60%}.workList{grid-template-columns:repeat(1,1fr)}.projectTitle{font-size:35px}.projectSubtitle{font-size:16px}.sectionTitle{font-size:32px}.subsectionTitle{font-size:22px}.projectDetailsSection{padding:20px}.featuresGrid,.gallery{grid-template-columns:1fr}.galleryItem{height:250px}.closeButton{font-size:32px;top:-35px}.contentCol p,.contentCol ul{font-size:16px}}