@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;500&display=swap);body{margin:o;overflow-x:hidden;padding:0}.App{font-smooth:always;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Roboto,sans-serif}h1{font-size:24px}h1,h2{line-height:1.5}h2{font-size:18px}label,p,small{font-size:14px;line-height:1.6}label{font-weight:700}@media (min-width:750px){h1{font-size:42px}h1,h2{font-weight:400}h2{font-size:36px}h3{font-size:24px;font-weight:700}p{font-size:18px;font-weight:400}}.hero{align-items:center;background-image:url(/static/media/hero-back.57cee199689ff2354bcf.jpg);background-position:50%;background-size:cover;display:grid;justify-items:center;min-height:100vh;min-width:100vw;overflow-x:hidden;width:100%}.hero-heading{background-color:#01010e;color:#fff;opacity:.7;padding:0;text-align:center}.about{align-items:left;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;margin-left:12%;margin-right:12%;overflow-x:hidden}.about-title{border-bottom:5px solid #130101;padding:2px}.myimg{border-radius:100%;height:70%;margin-top:0;padding-top:0;width:70%}.about-content{display:flex}@media screen and (max-width:600px){.about-content{display:flex;flex-direction:column;flex-wrap:wrap;overflow:hidden}}.container{position:relative}.image{display:block;height:140px;width:280px}.image,.overlay{max-height:100%;max-width:100%}.overlay{background-color:#f3f3f3;bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;transition:.7s ease}.container:hover .overlay{opacity:.9}.text{color:#080000;font-size:15px;left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.modal-img{max-height:50%;max-width:50%}.modal-child{display:flex}.project-details a{background-color:inherit;border:1px solid #130101;border-radius:20px;display:block;margin:5px;padding:5px;text-align:center;text-decoration:none}.footer{align-items:left;flex-direction:column;flex-wrap:wrap;justify-content:center;margin-left:12%;margin-right:12%}.footer,.footer-container{display:flex}.footer-title{border-bottom:5px solid #130101;padding:2px}.footer-list{display:flex;flex-direction:column;margin:10px}@media screen and (max-width:600px){.footer-container{align-items:center;display:flex;flex-direction:column;justify-content:center;justify-items:center;overflow-x:hidden}}.footer-end{display:flex;justify-content:center}.focon{background-color:#000;height:80px}.copyright{color:#fff;text-align:center}footer a{color:#f0f8ff;text-decoration:none}.footerlink{color:#f3f3f3}.footercontact,.footerlink{display:block;margin:10px;text-decoration:none}.footercontact{color:#5a5a5a}.modalContainer{align-items:center;background-color:rgba(0,0,0,.35);bottom:0;display:flex;justify-content:center;left:0;margin:0;opacity:.5;position:fixed;right:0;top:0;visibility:hidden}.modalContainer .modal{-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);background-color:hsla(47,36%,95%,.685);border-radius:20px;box-shadow:0 0 1rem 0 rgba(0,0,0,.2);font-family:Roboto;height:auto;padding:2rem;-webkit-transform:translateY(-600px);transform:translateY(-600px);transition:all .4s ease;width:calc(15rem + 15vw);z-index:10}.modalContainer .modal_header{border-bottom:1px solid #000;position:relative}.modalContainer .modal_header-title{text-align:center}.modalContainer .modal_header button{background:transparent;position:absolute;right:0;top:0}.modalContainer .modal_header .close img{height:auto;transition:all .2s ease;width:1rem}.modalContainer .modal_header .close:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}.modalContainer .modal_content{border-bottom:1px solid #000;padding:2rem 0}.modalContainer .modal_footer{padding:2rem 0 0}.modalContainer.show{opacity:1;visibility:visible}.modalContainer.show .modal{-webkit-transform:translateY(0);transform:translateY(0)}.project-details{margin-left:1rem}nav{background-color:#000;display:flex;height:50px;overflow-x:hidden;position:fixed;top:0;width:100%;z-index:100}.navigation ul{justify-content:center;list-style:none;margin:0;padding:0;text-align:center;width:100%}.navigation ul li{display:inline-block;padding:.4rem}.navigation a{color:#fff;font-weight:700;letter-spacing:.05rem;scroll-behavior:smooth;text-align:center;text-decoration:none}.navigation img{float:left;height:auto;width:50px}.project{align-items:left;flex-direction:column;flex-wrap:wrap;justify-content:center;margin-left:12%;margin-right:12%;overflow-x:hidden}.project,.project-flex{display:flex}.project-list{grid-gap:1em;display:grid;flex-grow:2;flex-shrink:1;gap:1em;grid-template-columns:1fr 1fr 1fr}.project-title{border-bottom:5px solid #130101;padding:2px}.project-text{flex-grow:3;flex-shrink:2}@media screen and (max-width:600px){.project-flex{align-items:center;display:flex;flex-direction:column;justify-content:center;justify-items:center;overflow:hidden}.project-list{display:grid;grid-template-columns:1fr 1fr}}.tech{align-items:left;flex-direction:column;flex-wrap:wrap;justify-content:center;margin-left:12%;margin-right:12%}.tech,.tech-container{display:flex;overflow-x:hidden}.tech-title{border-bottom:5px solid #130101;padding:1px}.tech-list{grid-gap:2em;display:grid;flex-grow:1;flex-shrink:0;gap:2em;grid-template-columns:1fr 1fr 1fr 1fr;margin:1rem}@media screen and (max-width:750px){.tech-container{align-items:center;display:flex;flex-direction:column;justify-content:center;justify-items:center;overflow-x:hidden}.tech-list{grid-gap:0;display:grid;gap:0;grid-template-columns:1fr 1fr 1fr 1fr;margin:1rem}}.container{align-content:center;align-items:center;display:flex;flex-direction:column;justify-content:center;overflow-x:hidden}.tech-img{height:60px;object-fit:cover;width:60px}
/*# sourceMappingURL=main.0c414a02.css.map*/