@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap);:root{--primary-color:#0fb8e0;--primary-dark:#0d2154}span{color:#0fb8e0;color:var(--primary-color)}*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Roboto,Segoe UI,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}ul{list-style-type:none}a{color:#fff;text-decoration:none}p{font-size:1.2rem;line-height:1.4}h1{font-size:3.5rem}h2{font-size:3rem}.container{height:100%;margin:auto;max-width:1240px;position:relative}button{background-color:#0fb8e0;background-color:var(--primary-color);border:1px solid #0fb8e0;border:1px solid var(--primary-color);border-radius:4px;color:#f8f8f8;display:flex;font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;margin:1rem 0;padding:.7rem 1.5rem}button:hover{background-color:blue;border:1px solid #47dcff}@media screen and (max-width:940px){h1{font-size:3rem}h2{font-size:2.5rem}}.hero{background:url(/static/media/cyber-bg.8dabbdf3c6d3e309f798.png) no-repeat 50%/cover;height:100vh;width:100%}.hero .container{display:grid;grid-template-columns:repeat(2,1fr)}.hero .content{display:flex;flex-direction:column;height:75vh;justify-content:center;margin-left:6rem;padding:1rem}.hero h1{color:#f8f8f8}.hero .blue{color:var(--primary-color)}@media screen and (max-width:940px){.hero .content{margin-left:1rem}}.navbar{height:100px;position:absolute;width:100%;z-index:10}.navbar .container{align-items:center;display:flex;justify-content:space-between}.navbar .logo{align-items:center;color:#fff;display:flex;margin:1rem}.navbar .logo .icon{color:var(--primary-color);font-size:3rem;margin-right:1rem}.hamburger{display:none;padding:1rem}.navbar .nav-menu{align-items:center;display:flex;height:100%;padding:1rem}.navbar li{color:#fff;font-weight:600;padding:1rem}.navbar .icon{color:#fff;font-size:1.4rem}@media screen and (max-width:940px){.navbar .hamburger{display:block;z-index:15}.navbar .nav-menu{align-items:center;background:rgba(0,0,0,.8);flex-direction:column;height:100vh;justify-content:center;left:-100%;position:absolute;top:0;transition:.5s ease-in;width:100%}.navbar .active{left:0}.navbar li{font-size:2rem;margin-right:1rem}.navbar button{font-size:1.8rem}}.data{background:rgba(0,0,0,.1);height:100vh;position:relative;width:100%}.data:before{background:url(/static/media/data-bg.e59a7453e923affba391.png)no-repeat 50%/cover;content:"";height:100%;position:absolute;width:100%;z-index:-1}.data .content{display:flex;flex-direction:column;justify-content:center;left:50%;position:absolute;top:30%;width:50%}.data .content p{margin:1rem 0}@media screen and (max-width:940px){.data .content{background:hsla(0,0%,100%,.7);left:0;padding:1rem;width:100%}}.cloud{background:rgba(0,0,0,.3);height:100vh;position:relative;width:100%}.cloud:before{background:url(/static/media/cloud-bg.0200b749df2f917185c5.png) no-repeat 50%/cover;content:"";height:100%;position:absolute;width:100%;z-index:-1}.cloud .content{left:0;padding:1rem;position:absolute;top:30%;width:50%}.cloud h2,.cloud p{color:#f8f8f8}.cloud p{margin:1rem 0}@media screen and (max-width:940px){.cloud .content{left:0;width:100%}}.footer{background:hsla(0,0%,100%,.7);height:60vh;position:relative;width:100%}.footer:before{background:url(/static/media/footer-bg.344c8ecaa109f0c5f90e.jpg)no-repeat 50%/cover;content:"";height:100%;position:absolute;width:100%;z-index:-1}.footer .container{align-items:center;display:flex;flex-direction:column;justify-content:center}.footer .top{display:flex;justify-content:space-between;padding:1rem;width:100%}.footer .top .logo-footer{align-items:center;display:flex}.footer .top .icon{color:var(--primary-color);cursor:pointer;font-size:3rem;margin-right:1rem}.footer h2{font-size:2rem}.footer .col-container{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 2fr;padding:1rem;width:100%}.footer h3{margin:1rem 0 2rem;text-transform:uppercase}.footer p{margin:.5rem 0}.footer form{margin-bottom:.6rem;position:relative;width:100%}.footer form input{border:1px solid #aaa;border-radius:4px;color:#333;font-size:1rem;outline:none;padding:1rem;width:100%}.footer form input:focus{box-shadow:0 0 8px 0 var(--primary-dark);color:#333;outline:var(--primary-color)}.footer form .mail-icon{color:#aaa;cursor:pointer;font-size:1.4rem;margin:1rem;position:absolute;right:.2rem}.footer form .social-icon{background-color:var(--primary-dark);border-radius:4px;color:#f8f8f8;font-size:3rem;margin:1rem 1rem 1rem 0;padding:.6rem}@media screen and (max-width:940px){.footer{height:100%}.footer .col-container{grid-template-columns:2fr 2fr}.footer form{grid-column:1/span 2}}.recovery{background:rgba(0,0,0,.4);height:100vh;position:relative;width:100%}.recovery:before{background:url(/static/media/recovery-bg.68d2b26aa7dc4d5fa0fd.png) no-repeat 50%/cover;content:"";height:100%;position:absolute;width:100%;z-index:-1}.recovery .content{left:0;padding:1rem;position:absolute;top:30%;width:50%}.recovery h2,.recovery p{color:#f8f8f8}.recovery p{margin:1rem 0}@media screen and (max-width:940px){.recovery .content{width:100%}}.contact{background:rgba(0,0,0,.5);height:100vh;position:relative;width:100%}.contact:before{background:url(/static/media/contact-bg.c2dab7563f17c5593f16.png) no-repeat 50%/cover;content:"";height:100%;position:absolute;width:100%;z-index:-1}.contact .container .form-container{align-items:center;color:#f8f8f8;display:flex;height:100%;justify-content:center}.contact form{margin:1rem;width:50%}.contact .form-container div{display:flex;flex-direction:column}.contact form label{display:none;margin:2rem 0 .7rem}.contact form input,textarea{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(0,0,0,.15);border:1px solid rgba(0,0,0,.15);border-radius:4px;box-shadow:0 8px 32px 0 rgba(31,38,135,.37);color:#f8f8f8;font-family:Roboto,sans-serif;font-size:1.2rem;margin:1rem 0;padding:.5rem}.contact form input:focus,textarea:focus{box-shadow:0 0 12px 0 var(--primary-color);outline:var(--primary-color)}@media screen and (max-width:940px){.contact form{width:100%}}
/*# sourceMappingURL=main.33c66deb.css.map*/