@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:"Montserrat",sans-serif;background-color:#ebecf0}body,html{overflow-x:hidden;scroll-behavior:smooth}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{margin:0;padding:0}.flex-with-center{display:flex;align-items:center;justify-content:center}.font-bold{font-weight:700}.n-box1{background:linear-gradient(145deg,#00101d,#001322);box-shadow:5px 5px 0 #00070d,-5px -5px 0 #001d33}.n-box2{border-radius:50px;background:#ebecf0;box-shadow:5px 5px 0 #cacbce,-5px -5px 0 #fff}.white{color:#fff}.introduction{height:100vh;width:100%;background-position:100% 100%;background-size:cover}.introduction p{color:#fff}.introduction div h1{font-weight:700;color:hsla(0,0%,100%,.466);font-size:100px}.introduction div h1:hover{color:#fff;cursor:default;text-shadow:0 0 10px #fff}.primary-button{background-color:#fff;height:45px;border-radius:25px;border:none;width:50%}.primary-button a{text-decoration:none;color:#000}.devstack{color:#000;transition:all .5s;padding:10px}.devstack:hover{color:#fff;background-color:#001220;-webkit-transform:scale(1.05);transform:scale(1.05);box-shadow:none}.who-is-or-hasson{background-size:100% 100%;height:75vh;color:#fff;transition:all .5s;overflow:none!important}pre{font-size:18px;font-family:"Montserrat",sans-serif!important}@media(max-width:750px){.introduction div h1{font-weight:700;color:hsla(0,0%,100%,.466);font-size:75px}.primary-button{background-color:#fff;height:45px;border-radius:25px;border:none;width:auto;padding:5px 15px}.who-is-or-hasson{background-size:200% 100%;height:100vh;color:#fff;background-position:50%}pre{font-size:14px;font-family:"Montserrat",sans-serif!important}}.menu-icon{color:#ff4500;font-size:70px;margin:20px;z-index:3;cursor:pointer}.show-header{background-color:#001220;opacity:.95;height:65vh;width:50%;border-bottom-left-radius:50%;z-index:2}.hide-header,.show-header{color:#fff;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;position:fixed;top:0;right:0;transition:all .5s;overflow:hidden}.hide-header{height:0;width:0}ul li{color:#fff;list-style:none;margin-top:25px}ul a{color:#fff;text-decoration:none}.active{border:3px solid #0ff;padding:5px;border-radius:10px}.active a{font-weight:700;color:#0ff}.contact{padding-top:50px}.contact img{height:50vh;width:100%}input,textarea{margin-top:25px;border:none!important;background:#ebecf0;box-shadow:5px 5px 0 #cacbce,-5px -5px 0 #fff!important;border-radius:20px!important}.form-control:focus{-webkit-transform:scale(1.02);transform:scale(1.02)}.form-control{box-shadow:none}.contact button{background-color:rgba(0,0,255,.856);color:#fff;font-weight:700}.footer-content{background-color:#001220;text-align:center;color:#fff}.footer-icons svg{color:#fff}.footer-icons:hover{color:#0ff;-webkit-transform:scale(1.5);transform:scale(1.5);cursor:pointer}@media(max-width:750px){.show-header{height:100vh;width:100%;transition:width .5s;border-top-left-radius:50%;border-left:5px solid hsla(0,0%,100%,.445)}.menu-icon{color:#ff4500;font-size:45px}.contact{margin-top:0!important;padding:0!important}.contact-form{padding:15px!important;margin:15px}}.carousel-parent{height:100vh;background-color:#001220;color:#fff;display:flex;align-items:center;justify-content:center}.gallery{height:200px;width:200px;position:relative;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-animation:gallery 20s linear infinite;animation:gallery 20s linear infinite}.gallery:hover{-webkit-animation-play-state:paused;animation-play-state:paused}.gallery:hover svg{opacity:.2}.gallery span{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotateY(calc(var(--i)*45deg)) translateZ(400px);transform:rotateY(calc(var(--i)*45deg)) translateZ(400px)}.gallery span,.gallery span svg{height:100%;width:100%;position:absolute;top:0;left:0;transition:all 1s}.gallery span svg{object-fit:cover;-webkit-box-reflect:below 1px linear-gradient(transparent,transparent,rgba(0,0,0,.164))}.gallery span svg:hover{cursor:pointer;transition:all 1s;opacity:1;-webkit-transform:scale(1.2);transform:scale(1.2)}@-webkit-keyframes gallery{0%{-webkit-transform:perspective(1000px) rotateY(0deg);transform:perspective(1000px) rotateY(0deg)}to{-webkit-transform:perspective(1000px) rotateY(1turn);transform:perspective(1000px) rotateY(1turn)}}@keyframes gallery{0%{-webkit-transform:perspective(1000px) rotateY(0deg);transform:perspective(1000px) rotateY(0deg)}to{-webkit-transform:perspective(1000px) rotateY(1turn);transform:perspective(1000px) rotateY(1turn)}}.projects-intro .primary-button{background-color:#00f;color:#fff!important;font-weight:700}.projects-btn a{color:#fff!important}.projects-list{overflow:hidden}.project{padding:20px;border:1px solid rgba(0,0,0,.486);border-radius:10px;margin-top:50px;-webkit-animation:project-animation 10s linear infinite;animation:project-animation 10s linear infinite}.project img{height:220px;width:100%}.project:hover>.project-content{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05);cursor:pointer}.project:hover{-webkit-animation-play-state:paused;animation-play-state:paused}.project-content{position:absolute;top:0;left:0;flex-direction:column;padding:20px;height:100%;background-color:rgba(0,0,0,.8);color:#fff;font-weight:500;border-radius:10px;opacity:0;transition:all .5s}.courses-intro,.project-content{display:flex;align-items:center;justify-content:center}.courses-intro{height:100vh;background-size:cover;background-position:cover;width:100%}.courses-intro-content{width:50%;color:#fff;border-left:5px solid #0ff;padding-left:30px;-webkit-animation:courses-intro-animation 10s linear infinite;animation:courses-intro-animation 10s linear infinite}.courses-intro-content h1{font-size:75px;-webkit-text-fill-color:transparent;-webkit-text-stroke-width:2px;-webkit-text-stroke-color:#0ff;border-bottom:2px solid #fff}.courses-intro-content p{border-right:2px solid #fff}.courses-list{overflow:hidden}.course{border:1px solid rgba(0,0,0,.486);border-radius:10px;margin-top:50px;-webkit-animation:project-animation 10s linear infinite;animation:project-animation 10s linear infinite}.course img{height:220px;width:100%;border-radius:10px}.course:hover>.course-content{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05);cursor:pointer}.course:hover{-webkit-animation-play-state:paused;animation-play-state:paused}.course-content{position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;height:100%;background-color:rgba(0,0,0,.8);color:#fff;font-weight:500;border-radius:10px;opacity:0;transition:all .5s}@media(max-width:750px){.courses-intro-content{width:100%;color:#fff;padding:20px;margin:20px;border-left:2px solid #fff}.courses-intro-content h1{font-size:35px;-webkit-text-stroke-width:1px}.courses-intro-content p{padding:10px}}@-webkit-keyframes project-animation{0%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}25%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}75%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}}@keyframes project-animation{0%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}25%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}75%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}}@-webkit-keyframes courses-intro-animation{0%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}25%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}75%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}}@keyframes courses-intro-animation{0%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}25%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}75%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}}
/*# sourceMappingURL=main.7565f190.chunk.css.map */