body,html{margin:0;padding:0;font-family:Arial,sans-serif;overflow-x:hidden}nav{background-color:#333;position:fixed;top:0;left:0;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden;z-index:1000;transition:background-color 1s ease-out}#globe-container{width:100%;height:100%}#home{min-height:2200vh}.section{padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-top:1px solid #ccc}.section:first-child{margin-top:100vh}#scrollPosition{position:fixed;top:0;left:0;width:100%;background-color:#000000bf;padding:10px 0;z-index:2000;pointer-events:none;font-family:Arial,sans-serif;font-size:16px}#blueprintScene{display:none;position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#0a2948;color:#fff;text-align:center;z-index:1500;overflow:hidden;transform-origin:top}@keyframes rollOut{0%{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}@keyframes rollIn{0%{transform:scaleY(1);opacity:1}to{transform:scaleY(0);opacity:0}}.text-box{position:absolute;width:20%;height:100px;background-color:#476fffcc;border-radius:10px;display:flex;align-items:center;justify-content:center;opacity:0;transform-style:preserve-3d;transition:transform .6s,opacity .6s ease}@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);opacity:0}to{transform:perspective(400px) rotateY(0);opacity:1}}@keyframes flipOutY{0%{transform:perspective(400px) rotateY(0);opacity:1}to{transform:perspective(400px) rotateY(90deg);opacity:0}}#text1{top:20%;left:40%}#text2{top:80%;left:40%}#text3{top:60%;left:10%}#text4{top:60%;right:10%}#text5{top:40%;left:10%}#text6{top:40%;right:10%}#square{width:25%;height:100vh;position:relative}@keyframes workRollOut{0%{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}@keyframes workRollIn{0%{transform:scaleY(1);opacity:1}to{transform:scaleY(0);opacity:0}}.work{display:none;flex-direction:column;align-items:center;justify-content:center;width:80%;margin:auto;transition:opacity .5s ease-in-out;color:#fff}.work img{width:80%;border:5px solid white;box-shadow:0 0 10px #00000080}.image-links-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:2%;gap:20px}.image-links-container a{flex:1 0 45%;margin:1%;display:block;box-shadow:0 4px 8px #0000001a;border-radius:30px}.image-links-container img{width:100%;height:auto;border-radius:30px}@media (max-width: 768px){.image-links-container a{flex:1 0 90%}}#service-container{display:none;position:fixed;top:0;left:0;width:100%;height:100vh;text-align:center;z-index:1500;overflow:hidden;transform-origin:top}.service-box{width:100vw;transform-origin:top;padding:50px 0;top:0;left:0;height:100vh;position:fixed;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transform:translateY(50px);transition:opacity .5s ease,transform .5s ease;border-radius:15px}#consulting{background-color:#6a1b9a;font-family:Georgia,serif;color:#fff}#hosting{background-color:#283593;font-family:Arial,sans-serif;color:#fff}#design{background-color:#00695c;font-family:Helvetica Neue,sans-serif;color:#fff}#maintenance{background-color:#ef6c00;font-family:Courier New,monospace;color:#fff}.compass-container{display:flex;justify-content:center;align-items:center;height:300px}.compass{width:200px;height:200px}.compass-needle{transform-origin:100px 100px;animation:spin-needle 3s infinite linear}@keyframes spin-needle{0%,to{transform:rotate(0)}25%{transform:rotate(360deg)}30%{transform:rotate(350deg)}35%{transform:rotate(360deg)}40%{transform:rotate(355deg)}45%,60%{transform:rotate(360deg)}}#networkAnimation{width:100%;height:400px;background-color:#283593}.mini-website{width:300px;margin:auto;border:1px solid #ccc;padding:20px;background:#00695c;perspective:1000px;display:flex;flex-direction:column;align-items:center}.mini-search-bar{display:flex;margin-bottom:10px}.mini-search-bar input{border:1px solid #ffffff;padding:5px;width:100%;margin-right:5px;border-radius:20px;color:#000}.mini-search-bar button{padding:5px 10px;cursor:pointer;background-color:#de9939;border:none;color:#fff;border-radius:100px}.mini-scroll-bar{height:100px;width:10px;background-color:#ccc;position:relative;left:150px}.scroll-thumb{position:absolute;top:10px;left:0;width:100%;height:20px;background-color:#333}.nav-item,.hover-button,p{text-align:center}#footer{color:#daa520}#header,#footer,#body-content,#mini-search-bar,#web-box{transform-origin:center center;transition:transform .3s ease-out,opacity .3s ease-out}@keyframes zoomInHeader{0%{transform:scale(1) translateY(0)}to{transform:scale(300000.5) translateY(30px)}}@keyframes zoomInFooter{0%{transform:scale(1) translateY(0)}to{transform:scale(500.3) translateY(10px)}}@keyframes zoomInContent{0%{transform:scale(1)}to{transform:scale(4000.8)}}@keyframes zoomInSearchbar{0%{transform:scale(1) translateY(0)}to{transform:scale(250.8) translateY(-15px)}}@keyframes zoomOutbox{0%{transform:scale(1)}to{transform:scale(.01)}}.animate-box{animation:zoomOutbox .5s ease-out .01s forwards}.animate-header{animation:zoomInHeader 3s ease-out .6s forwards}.animate-footer{animation:zoomInFooter 10.5s ease-out 3s forwards}.animate-content{animation:zoomInContent 3s ease-out 2s forwards}.animate-mini-search-bar{animation:zoomInSearchbar 3.5s ease-out 3s forwards}.popup{position:fixed;bottom:20px;left:50%;transform:translate(-50%);padding:10px 20px;background-color:#333;border:1px solid #ccc;border-radius:5px;box-shadow:0 2px 6px #0000001a;z-index:1000;display:none;animation:fadeIn .5s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.gear-icon img{animation:rotateGear 3s linear infinite}@keyframes rotateGear{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#maintenanceSection{text-align:center;padding:20px}.gear-icon img{width:75px;height:auto}.service-box h1,.service-box p,.service-box h2{text-align:center;width:100%}