.scroll-top{position:fixed;right:30px;bottom:30px;background:radial-gradient(circle,#453d4e,#21004c);width:30px;height:30px;border-radius:4px}.scroll-top img{width:25px}.navbar{width:100%;max-width:calc(1344px + 5%);padding:30px 5%;display:flex;justify-content:flex-start;align-self:flex-start;position:absolute;top:0;left:50%;transform:translate(-50%);z-index:10}.navbar .navbar-brand{display:flex;align-items:center;width:50px}.navbar .navbar-menu{margin-left:auto}.navbar ul{list-style:none;padding:0;display:flex;align-items:center}.navbar ul li{margin-left:15px}.navbar ul li a{color:var(--text_color);font-weight:400;text-transform:capitalize;transition:all .5s ease}.navbar ul li a:hover{color:var(--theme_color)}.navbar ul li:last-child a{margin-left:10px}.navbar .navbar-menu-icons{display:none}.navbar .close,.navbar .menu{display:none;width:30px}@media (max-width: 991px){.navbar .menu,.navbar .close{display:block;margin-left:auto}.navbar .navbar-menu-icons{display:flex;padding:30px 5%;justify-content:flex-start;position:relative;z-index:1}.navbar .navbar-menu{position:fixed;top:0;left:-100%;width:100%;height:100vh;background:radial-gradient(circle,#000,#0b001a);margin:0;flex-direction:column;justify-content:center;align-items:center;transition:all .5s ease}.navbar .navbar-menu.active{left:0}.navbar ul{flex-direction:column;justify-content:center;align-items:center;margin:0;height:100%;position:relative;top:-11%}.navbar ul li{margin:14px 0}}@media (max-width: 480px){.navbar .navbar-brand{width:30px}.navbar .navbar-menu-icons,.navbar{padding:15px 5%}}.hero{min-height:100vh;position:relative;display:flex;align-items:center;background-color:#000;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='250' height='30' viewBox='0 0 1000 120'%3E%3Cg fill='none' stroke='%23222' stroke-width='10' %3E%3Cpath d='M-500 75c0 0 125-30 250-30S0 75 0 75s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 45c0 0 125-30 250-30S0 45 0 45s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 105c0 0 125-30 250-30S0 105 0 105s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 15c0 0 125-30 250-30S0 15 0 15s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500-15c0 0 125-30 250-30S0-15 0-15s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 135c0 0 125-30 250-30S0 135 0 135s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3C/g%3E%3C/svg%3E")}.hero .scroll{position:absolute;bottom:30px;left:50%;transform:translate(-50%);width:40px;opacity:.7}.hero .scroll img{animation:scaleUpDown 3s ease-in-out infinite}@keyframes scaleUpDown{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.hero-top{display:grid;grid-template-columns:50% 50%}.hero-top span{color:var(--text_color)}.hero-top h1 span,.hero-top h1{margin:5px 0;font-size:48px;color:var(--theme_color)}.hero-top p{margin:0 0 30px;width:65%;line-height:1.5;color:var(--text_color)}.hero-top .thumbnail{opacity:.7}.hero-top .thumbnail pre{padding:40px!important;margin:0!important}@media (max-width: 1600px){.hero-top p{width:80%}.hero-top h1 span,.hero-top h1{font-size:44px}}@media (max-width: 1199px){.hero-top p{width:90%}.hero-top h1 span,.hero-top h1{font-size:38px}.hero-top .thumbnail pre{padding:20px!important}}@media (max-width: 991px){.hero-top{grid-template-columns:unset}.hero-top .content{text-align:center}.hero-top p{width:65%;margin-left:auto;margin-right:auto}.hero-top .thumbnail{margin-top:60px}}@media (max-width: 767px){.hero-top p{width:90%}}@media (max-width: 480px){.hero-top h1 span,.hero-top h1{font-size:28px}.hero-top p{width:100%}.hero-top .thumbnail pre{width:100%;max-width:320px;margin:0 auto!important}}.about{padding:60px 0 0}.about p{color:var(--text_color);margin:0 0 40px;line-height:1.5;font-size:20px}.about .skills-list{margin:0;padding:0;display:flex;list-style:none;flex-wrap:wrap}.about .skills-list li{background:radial-gradient(circle,#453d4e,#21004c);color:var(--text_color);border-radius:100px;padding:14px 40px;margin-right:26px;margin-bottom:26px;font-weight:600}@media (max-width: 480px){.about p{font-size:14px;margin:0 0 20px}.about .skills-list li{padding:10px 30px;margin-right:14px;margin-bottom:14px}.about{padding:40px 0 0}}.projects{padding:60px 0 0}.project-grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-column-gap:24px}.project-grid .project-card{border-radius:4px;overflow:hidden;transition:all .3s ease}.project-grid .project-card .thumbnail{height:300px;overflow:hidden;position:relative}.project-grid .project-card .content{padding:15px 30px;background:radial-gradient(circle,#1c003c,#090014)}.project-grid .project-card .content h3{color:var(--text_color);margin:0 0 5px}.project-grid .project-card .content a{color:var(--text_color);display:flex;align-items:center;line-height:1;width:fit-content;transition:all .5s ease}.project-grid .project-card .content a:hover{color:var(--theme_color)}.project-grid .project-card .content a img{width:15px;margin-left:5px;transition:all .5s ease}@media (max-width: 1199px){.project-grid .project-card .thumbnail{height:200px}}@media (max-width:991px){.project-grid{grid-template-columns:1fr 1fr;grid-row-gap:24px}}@media (max-width:480px){.project-grid{grid-template-columns:1fr}.projects{padding:40px 0 0}}@media (min-width:1200px){.project-grid .project-card:hover{margin-top:-10px}.project-grid .project-card .content a:hover img{margin-left:10px}}.contact-main{display:flex;align-items:center;padding-top:60px}.contact-main .thumbnail{width:50%;border-radius:10px;overflow:hidden;line-height:0;height:500px}.contact-main .thumbnail iframe{border:0;width:100%;height:500px}.contact-main .thumbnail img{transform:scale(1.2)}.contact{width:50%;padding-right:60px}.contact .form-group{margin-bottom:20px}.contact .form-group label{color:var(--text_color);display:block;margin-bottom:5px}.contact .form-group .form-control{width:100%;background:var(--text_color);border:2px solid var(--text_color);border-radius:3px;height:40px;padding:15px;font-family:Montserrat,sans-serif}.contact .form-group .form-control:focus{outline:none;border-color:var(--theme_color)}.contact .form-group .form-control.error-input{border-color:red}.contact .form-group textarea.form-control{min-height:200px}.contact .btn{font-family:Montserrat,sans-serif;font-size:16px;margin-top:20px}.contact .error-field{color:red;font-size:14px;margin-top:2px}.error-msg,.thankyou-msg{position:fixed;top:30px;right:30px;background:radial-gradient(circle,#1c003c,#090014);width:100%;max-width:500px;padding:30px;border-radius:10px;z-index:20;transition:all .5s ease;visibility:hidden;opacity:0}.error-msg.show,.thankyou-msg.show{opacity:1;visibility:visible}.error-msg .close,.thankyou-msg .close{position:absolute;top:15px;right:15px;width:25px}.error-msg h2,.thankyou-msg h2{margin:0;color:var(--text_color)}.error-msg p,.thankyou-msg p{color:var(--text_color)}@media (max-width: 991px){.contact-main{flex-direction:column}.contact-main .thumbnail{display:none}.contact{width:100%;padding:0}}@media (max-width: 767px){.error-msg,.thankyou-msg{right:auto;left:50%;transform:translate(-50%);max-width:90%}}@media (max-width: 480px){.contact-main{padding-top:40px}}footer{text-align:center;padding:40px 0;margin-top:40px}footer .logo{line-height:1;margin:0 auto 20px;width:50px}footer .separator{width:100%;height:1px;background:radial-gradient(circle,#1c003c,#090014)}footer p{color:var(--text_color)}footer ul{margin:0;padding:0;list-style:none;display:flex;justify-content:center}footer ul li{width:32px;margin:0 10px}