.topContent{height:100%;display:flex;justify-content:center;align-items:center}.topContent .topContent-text{padding:10px}.topContent .topContent-text h1{font-size:40px}.topContent .topContent-text p{width:80%;margin-bottom:30px}.topContent .topContent-text .btnCont{border:1px solid #000;border-radius:5px;padding:10px;font-weight:800;cursor:pointer;transition:.5s linear;color:#000;text-decoration:none;width:100px;text-align:center}.topContent .topContent-text .btnCont:hover{background-color:#888;color:#fff}.topContent .topContent-img img{width:500px;height:400px}@media only screen and (max-width:924px){.topContent{flex-direction:column}}@media only screen and (max-width:480px){.topContent .topContent-img img{width:300px;height:250px}}.works{height:100%}.works .btndiv-container{width:100%;display:flex;justify-content:center;align-items:center;margin-top:50px}.works .btndiv-container .btngithub{border:1px solid #000;border-radius:5px;padding:10px;font-weight:800;cursor:pointer;transition:.5s linear;color:#000;text-decoration:none;width:150px;text-align:center}.works .btndiv-container .btngithub:hover{background-color:#888;color:#fff}.works .works-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:auto;grid-gap:10px 10px;gap:10px 10px;grid-auto-flow:row;grid-template-areas:". . . ."}.works .works-grid .works-card{margin:10px auto;box-shadow:0 1px 4px rgba(0,0,0,.3),inset 0 0 40px rgba(0,0,0,.1)}.works .works-grid .works-card,.works .works-grid .works-card .works-img,.works .works-grid .works-card .works-img img{width:100%;height:100%;border-radius:5px}.works .works-grid .works-card .works-content{padding:20px}.works .works-grid-react{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto;grid-gap:10px 10px;gap:10px 10px;grid-auto-flow:row;grid-template-areas:". ."}.works .works-grid-react .works-card{margin:10px auto;box-shadow:0 1px 4px rgba(0,0,0,.3),inset 0 0 40px rgba(0,0,0,.1)}.works .works-grid-react .works-card,.works .works-grid-react .works-card .works-img{width:100%;height:100%;border-radius:5px}.works .works-grid-react .works-card .works-img img{width:100%;height:100%;border-radius:5px;object-fit:cover}.works .works-grid-react .works-card .works-content{padding:20px}.works .works-grid-neu{display:grid;grid-template-columns:1fr;grid-template-rows:auto;grid-gap:10px 10px;gap:10px 10px;grid-auto-flow:row;grid-template-areas:"."}.works .works-grid-neu .works-card .works-img{width:100%;height:100%;border-radius:5px}.works .works-grid-neu .works-card .works-img img{width:100%;height:100%;border-radius:5px;object-fit:cover}.works .works-grid-neu .works-card{width:100%;height:100%;border-radius:5px;margin:10px auto;box-shadow:0 1px 4px rgba(0,0,0,.3),inset 0 0 40px rgba(0,0,0,.1)}@media only screen and (max-width:960px){.works .works-grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto;grid-gap:10px 10px;gap:10px 10px;grid-auto-flow:row;grid-template-areas:". . ."}}@media only screen and (max-width:924px){.works .works-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto;grid-gap:10px 10px;gap:10px 10px;grid-auto-flow:row;grid-template-areas:". ."}}@media only screen and (max-width:924px){.works .works-grid,.works .works-grid-react{display:grid;grid-template-columns:1fr;grid-template-rows:auto;grid-gap:10px 10px;gap:10px 10px;grid-auto-flow:row;grid-template-areas:"."}}.blog{display:flex;justify-content:center;align-items:center}.blog .dvl-grid{width:100%;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto;grid-gap:10px 10px;gap:10px 10px;grid-auto-flow:row;grid-template-areas:". . ."}.blog .dvl-grid .dvl-card{padding:20px;border-radius:5px;margin:10px;background-color:#fff;transition:.2s ease-in-out;top:0;position:relative;box-shadow:0 1px 4px rgba(0,0,0,.3),inset 0 0 40px rgba(0,0,0,.1)}.blog .dvl-grid .dvl-card:hover{position:relative;top:-8px;background-color:#233554}.blog .dvl-grid .dvl-card .dvl-card-image{width:100%;height:200px;border-radius:5px;overflow:hidden}.blog .dvl-grid .dvl-card .dvl-card-image img{width:100%;height:100%;object-fit:cover;border-radius:5px;transition:-webkit-transform .4s;transition:transform .4s;transition:transform .4s,-webkit-transform .4s}.blog .dvl-grid .dvl-card .dvl-card-image:hover img{-webkit-transform:scale(1.5);transform:scale(1.5);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}.blog .dvl-grid .dvl-card .dvl-card-content{width:100%;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;margin-top:20px}.blog .dvl-grid .dvl-card .dvl-card-content h3{color:#8892b0;font-size:20px;font-weight:800}.blog .dvl-grid .dvl-card .dvl-card-content p{color:#8892b0;font-size:15px;font-weight:400}@media only screen and (max-width:1100px){.blog .dvl-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto;grid-gap:10px 10px;gap:10px 10px;grid-auto-flow:row;grid-template-areas:". ."}}@media only screen and (max-width:924px){.blog .dvl-grid{display:grid;grid-template-columns:1fr;grid-template-rows:auto;grid-gap:10px 10px;gap:10px 10px;grid-auto-flow:row;grid-template-areas:"."}}.contact,.contact form{display:flex;justify-content:center;align-items:center}.contact form{flex-direction:column;width:100%}.contact form .form-field{display:flex;justify-content:center;align-items:flex-start;flex-direction:column;width:60%}.contact form .form-field label{font-size:16px;font-weight:400;margin-bottom:10px;margin-top:10px}.contact form .form-field input{height:40px}.contact form .form-field input,.contact form .form-field textarea{width:100%;border-radius:5px;border:1px solid #555;padding:10px;outline:none}.contact form .form-field textarea{height:200px}.contact form button{background-color:transparent;border-radius:5px;border:1px solid #555;height:40px;width:100px;margin-top:10px;margin-bottom:10px;transition:.5s linear;cursor:pointer;font-weight:800}.contact form button:hover{background-color:#888;color:#fff}@media only screen and (max-width:480px){.contact form .form-field{width:80%}}.home{height:100%}.home .dvl-center{margin-top:200px;width:100%;text-align:center!important}.nav{width:100%;height:100px;display:flex;justify-content:center;align-items:center}.nav .nav-content{width:60%;height:100%;position:relative}.nav .nav-content .nav-logo{position:absolute;top:0;left:0;width:100px;height:100px}.nav .nav-content .nav-logo img{width:100%;height:100%}.nav .nav-content ul{height:100%;list-style:none;padding-left:0;display:flex;justify-content:flex-end;align-items:center;margin:0}.nav .nav-content ul li{margin-left:10px;margin-right:10px;height:40px;display:flex;justify-content:center;align-items:center;cursor:pointer;border-radius:5px;transition:.5s linear;padding:10px;font-weight:400}.nav .nav-content ul li a{color:#000;font-weight:400;transition:.5s linear}.nav .nav-content ul li a:hover{color:#fff}.nav .nav-content ul li:hover{background-color:#888}.nav .nav-content .button_container{position:fixed;top:35px;right:30px;height:27px;width:35px;cursor:pointer;transition:opacity .25s ease;display:none;z-index:999999}.nav .nav-content .button_container:hover{opacity:.7}.nav .nav-content .button_container.active .top{-webkit-transform:translateY(11px) translateX(0) rotate(45deg);transform:translateY(11px) translateX(0) rotate(45deg);background:#fff}.nav .nav-content .button_container.active .middle{opacity:0;background:#fff}.nav .nav-content .button_container.active .bottom{-webkit-transform:translateY(-11px) translateX(0) rotate(-45deg);transform:translateY(-11px) translateX(0) rotate(-45deg);background:#fff}.nav .nav-content .button_container span{background:#ff073a;border:none;height:5px;width:100%;position:absolute;top:0;left:0;transition:all .35s ease;cursor:pointer}.nav .nav-content .button_container span:nth-of-type(2){top:11px;width:20px}.nav .nav-content .button_container span:nth-of-type(3){top:22px}.nav .overlay{display:none;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100vh;background-color:transparent;transition:all .3s ease-in-out}.nav .overlay.openOverlay{background-color:rgba(0,0,0,.5)}.nav .right-nav{display:none;position:fixed;right:0;top:0;padding-top:100px;transition:all .3s ease-in-out;height:100vh;width:260px;z-index:9999;-webkit-transform:translateX(100%);transform:translateX(100%);background-color:#ff073a}.nav .right-nav.openRightNav{-webkit-transform:translateX(0);transform:translateX(0)}.nav .right-nav ul{padding:0;margin:0;list-style:none}.nav .right-nav ul li{cursor:pointer;display:block;margin:0;font-size:24px;color:#fff;padding:15px 30px;border-bottom:1px solid #000;background:linear-gradient(90deg,#fff,#fff);background-position:100%;background-size:0 100%;transition:all .3s ease-in-out;background-repeat:no-repeat}.nav .right-nav ul li:hover{background-size:100% 100%;color:#000}@media only screen and (max-width:1488px){.nav .nav-content{width:80%}}@media only screen and (max-width:546px){.nav .nav-content ul{display:none}.nav .nav-content .button_container,.nav .overlay,.nav .right-nav{display:block}}@media only screen and (max-width:360px){.nav .nav-content .nav-logo{width:80px;height:80px}}.footer{width:100%}.footer,.footer .footer-box{display:flex;justify-content:center;align-items:center}.footer .footer-box{padding:20px}.footer .footer-box .footer-content{padding:10px}.footer .footer-box .footer-content ul{padding-left:0;list-style:none;display:flex;justify-content:center;align-items:center}.footer .footer-box .footer-content ul li{margin-left:10px;margin-right:10px;cursor:pointer;border-radius:5px;transition:.5s linear;padding:10px}.footer .footer-box .footer-content ul li:hover{background-color:#888;color:#fff}.footer .footer-box .footer-content ul li a{font-weight:400;color:#000;transition:.5s linear}.footer .footer-box .footer-logo{width:100px}.footer .footer-box .footer-logo img{width:100%}@media only screen and (max-width:480px){.footer .footer-box{flex-direction:column}}.techs{display:flex;justify-content:center;align-items:center}.techs .techs-grid{width:100%;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:auto;grid-gap:10px 10px;gap:10px 10px;grid-auto-flow:row;grid-template-areas:". . . ."}.techs .techs-grid .techs-card{width:60%;margin:20px auto;display:flex;justify-content:center;align-items:center;flex-direction:column;border-radius:5px;transition:.2s linear}.techs .techs-grid .techs-card:hover{background-color:#fff;box-shadow:0 1px 4px rgba(0,0,0,.3),inset 0 0 40px rgba(0,0,0,.1)}.techs .techs-grid .techs-card img{width:80px;height:80px;padding:10px}.techs .techs-grid .techs-card h3{margin-top:0;padding:10px}@media only screen and (max-width:800px){.techs .techs-grid{width:100%;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto;grid-gap:10px 10px;gap:10px 10px;grid-auto-flow:row;grid-template-areas:". . ."}}@media only screen and (max-width:700px){.techs .techs-grid{width:100%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto;grid-gap:10px 10px;gap:10px 10px;grid-auto-flow:row;grid-template-areas:". ."}}@media only screen and (max-width:480px){.techs .techs-grid{width:100%;display:grid;grid-template-columns:1fr;grid-template-rows:auto;grid-gap:10px 10px;gap:10px 10px;grid-auto-flow:row;grid-template-areas:"."}}.single{display:flex;justify-content:center;align-items:flex-start;flex-direction:column;width:60%;margin:100px auto;border-radius:5px;padding:10px}.single div{width:100%}.single div .single-img{min-width:100%;height:500px}.single div .single-img,.single div .single-img img{border-radius:5px;box-shadow:0 1px 4px rgba(0,0,0,.3),inset 0 0 40px rgba(0,0,0,.1)}.single div .single-img img{width:100%;height:100%;object-fit:cover}.single div .single-content{padding:10px;margin-bottom:50px}.single div .single-content h1{font-size:30px;font-weight:800;margin-top:50px;margin-bottom:50px}.single div .single-content p{font-size:16px;font-weight:400;background-color:#999;padding:10px;border-radius:5px;color:#fff;box-shadow:0 1px 4px rgba(0,0,0,.3),inset 0 0 40px rgba(0,0,0,.1)}@media only screen and (max-width:1440px){.single{width:80%}}@media only screen and (max-width:720px){.single{width:90%}.single div .single-img{height:300px}}:root{--scrollbarBG:#112240;--thumbBG:#ccd6f6}body{background-color:#112240;margin:0;padding:0}body::-webkit-scrollbar{width:11px}body{scrollbar-width:thin;scrollbar-color:#ccd6f6 #112240;scrollbar-color:var(--thumbBG) var(--scrollbarBG)}body::-webkit-scrollbar-track{background:#ccd6f6;background:var(--thumbBG)}body::-webkit-scrollbar-thumb{background-color:#112240;background-color:var(--scrollbarBG);border-radius:6px;border:3px solid #ccd6f6;border:3px solid var(--thumbBG)}body,html{width:100%;height:100%;background-color:#f7f4f3;font-family:"Rubik",sans-serif}.dvl-container{width:60%;margin:100px auto}@media only screen and (max-width:1488px){.dvl-container{width:80%}}
/*# sourceMappingURL=main.fc2a6ac8.chunk.css.map */