body{margin:0}.intro,body{font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif}.intro{background-color:rgba(0,0,0,.4392156862745098);background-size:cover;background-image:linear-gradient(109.5deg,#4cddf2 11.2%,#5c79ff 91.1%)}.intro .nav{display:flex;text-align:center;justify-content:center}.intro .nav nav li{margin:30px 20px 0}.intro .nav li a{text-decoration:none;color:#fff;font-weight:300}.intro .main{margin-top:-50px;height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.intro .main h1{color:#fff;font-weight:300;font-size:3.5em}.intro .main h2{color:#fff;font-weight:700;font-size:5em}.intro .main h3{color:hsla(0,0%,100%,.7529411764705882);font-weight:300;font-size:1.4em}.dropbtn{font-weight:300;background:none;color:#fff;padding:16px;font-size:16px;border:none;cursor:pointer}.dropdown{margin-top:15px;display:none}.dropdown-content{display:none;position:relative;background-color:#f9f9f9;min-width:160px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1;margin-bottom:-240px}.dropdown-content a{color:#000;padding:12px 16px;display:block}.dropdown-content a:link{text-decoration:none}.dropdown-content a:hover{background-color:#707070;color:#fff}.dropdown:hover .dropdown-content{display:block}.dropdown:hover .dropbtn{background-color:#202020}@media (max-width:800px){.intro .main h2{font-size:1.8em}.intro .main h1{font-size:2.8em}.intro .main h3{font-size:1em}.intro .nav .nav{display:none}.dropdown{display:inline-block}}.about .content{background-color:#202020;display:flex;color:#fff;align-items:center;justify-content:center;padding-top:50px;padding-bottom:50px;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif}.about .content p{width:80%;text-align:justify}.about .contentTwo{display:flex;background-color:#202020;padding-top:50px;align-items:center;justify-content:center}.about .contentTwo div img{border-radius:300px;width:300px;margin-right:10px}.about .contentTwo div h1{color:#fff;font-weight:700}.about .contentTwo div h2{color:#1b96bb;font-weight:700;font-size:x-large}.about .contentTwo a:hover{color:#22bae9!important}@media (max-width:1200px){.about .contentTwo{display:flex;flex-direction:column;text-align:center}}.cv{width:80%;margin:0 auto;padding-top:30px;padding-bottom:50px;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif}.cv div{width:100%}.cv h1{font-weight:400}.cv p{font-weight:300;font-size:1.2em}.cv .progressBars{margin-bottom:20px}.cv .btnCV{border:1px solid #1b96bb;padding:8px;border-radius:5px;text-decoration:none}.cv .btnCV,.cv .btnCV:link{color:#1b96bb}.cv .btnCV:hover{color:#fff;background-color:#1b96bb}@media(max-width:800px){.cv h1{font-size:1.5em}.cv p{font-size:1em}}.progress1{background:rgba(0,0,0,.1);justify-content:flex-start;align-items:center;position:relative;padding:0;display:flex;width:100%;margin-bottom:10px}.progress1,.progress-value1{border-radius:100px;height:25px}.progress-value1{animation:load 3s normal forwards;box-shadow:0 10px 40px -10px #fff;background:#1b96bb;width:0}.progress-value1 span{color:#fff;font-size:16px;text-align:center;display:block}@keyframes load{0%{width:0}}.designerWorks .content{background-color:#202020;display:flex;color:#fff;align-items:center;justify-content:center;padding-top:100px;padding-bottom:50px;flex-direction:column;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;text-align:center}.designerWorks .content h1{font-weight:400}.designerWorks .content p{font-weight:300}.row1 img{width:300px;margin:10px;border-radius:30px}.programming{padding-top:25px;padding-bottom:50px;align-items:center;justify-content:center;display:flex;flex-direction:column;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif}.cards{display:flex;flex-direction:row}.card:link,.cards{text-decoration:none}@media (max-width:1000px){.cards{flex-direction:column}.card{margin-bottom:20px}.programming h1{font-size:2em}.programming h2{width:80%;font-size:1.5em;text-align:center}}.programming h1{font-weight:400;margin-top:20px}.programming h2{color:#707070;font-weight:300;font-size:1.5em;margin-top:-10px;margin-bottom:20px}.programming h3{font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif}.programming{text-align:justify}.games .content{background-color:#202020;display:flex;color:#fff;align-items:center;justify-content:center;padding-top:100px;padding-bottom:50px;flex-direction:column;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif}.games .content p{width:80%;text-align:justify}.title{display:flex;align-items:center;justify-content:center;margin-bottom:20px}.title h1{margin:0 10px}.title h2{font-size:1em;margin-top:15px}.content h3{color:#707070;font-size:1.5em}.carouselDiv{align-items:center;display:flex;justify-content:center}.carousel-root{width:60%;text-align:center}.carousel-root img{border-radius:20px}@media(max-width:800px){.carousel-root{width:90%}}.contact{display:flex;align-items:center;justify-content:center;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;flex-direction:column;width:70%;margin:auto;padding:50px 0}.contact h1,.contact h2{font-weight:300}.contact h2{padding-bottom:20px}.contact h6{font-weight:700}.contact strong{font-weight:600}.contact form{display:flex;flex-direction:column}.contact form input{margin:5px 0;height:40px}.contact .message{height:300px}.contact .form{width:50%}.contact .contactDetails{width:50%;padding-left:100px}.contact .row{display:flex;flex-direction:row;width:100%}.contact form button{margin-top:10px;width:170px;height:50px;border-radius:20px;border:none;background-color:#202020;color:#fff;font-weight:300}.contact form button:hover{background-color:#3f3f3f}@media (max-width:800px){.contact .form{width:100%;margin-bottom:30px}.contact .contactDetails{width:100%}.contact .row{display:flex;align-items:center;justify-content:center;width:100%}.contact .contactDetails{padding-left:0}.contact h1{font-size:2em}.contact h2{font-size:1.5em;padding-bottom:0}}.footer{background-color:#202020;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 0}.footer .socialMedia{font-size:2em}.footer .socialMedia a{margin:0 5px;color:#fff}.footer .socialMedia a:hover{color:#3f3f3f}
/*# sourceMappingURL=main.536eada5.chunk.css.map */