body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:Montserrat-Regular;font-style:normal;font-weight:400;src:url(/static/media/Montserrat-Regular.24785cc015b27a3e964b.ttf) format("truetype")}@font-face{font-family:Montserrat-Light;src:url(/static/media/Montserrat-Light.7179b7d2ac9b599db5f9.ttf) format("truetype")}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f9f9f9;color:#333;font-family:Montserrat-Regular,sans-serif;line-height:1.6;min-width:350px}#hero,.App{text-align:center}#hero{align-items:center;background:linear-gradient(180deg,rgba(0,0,0,.203) 0,#000),url(/static/media/main-bg.2c8622568165d341ddaa.jpg) no-repeat 50%/cover;color:#fff;display:flex;flex-direction:column;height:88vh;justify-content:center;position:relative}svg{bottom:-45px;left:0;position:absolute;width:100%}#hero div{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;width:80%}#hero h1{animation:fadeInFromLeft 1.5s forwards;animation-delay:.5s;font-size:4.5rem;letter-spacing:1px;line-height:6rem;margin-bottom:20px}#hero h1,#hero p{display:inline-block;opacity:0;overflow:hidden;text-align:left;transform:translateX(-20px)}#hero p{animation:fadeInFromLeft 1.5s forwards;color:#00bdff;font-size:1.1rem;margin-bottom:0}#hero .details{animation-delay:1s;color:#cecece;font-family:Montserrat-Light,sans-serif;font-weight:light;max-width:730px;width:auto}@keyframes fadeInFromLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}#projects{align-items:center;background-color:#f4f4f4;display:flex;flex-direction:column;padding:120px 20px}#projects .description{font-size:1rem}#projects .projects-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin-left:20px;margin-top:60px}#projects .project-card{background-color:#fff;border-radius:14px;box-shadow:0 4px 8px #0000001a;height:400px;margin-bottom:20px;margin-right:20px;max-width:320px;min-width:250px;padding:20px;text-align:left;width:auto}#projects h2{font-size:2rem;margin-bottom:10px}#projects h3{color:#0099d0;font-family:Montserrat-Regular,sans-serif;font-size:1rem;margin-bottom:4px;margin-top:12px}#projects p{color:#404040;font-family:Montserrat-Light,sans-serif;font-size:.9rem}#projects img{border-radius:6px;display:block}#projects .overlay-container{position:relative}#projects .overlay{align-items:center;background-color:rgba(0,0,0,.671);border-radius:6px;bottom:0;color:#fff;display:flex;font-size:.8rem;justify-content:center;left:0;opacity:0;padding:0 20px;position:absolute;right:0;top:0;transition:opacity .3s ease}#projects .overlay-container:hover .overlay{opacity:1}#skills{align-items:center;background-color:#f4f4f4;color:#fff;display:flex;flex-direction:column;padding:190px 20px 80px;position:relative}#skills .skill-header{background-color:#000;padding:40px 20px 230px;position:absolute;top:0;width:100%}#skills .container{background-color:#fff;border-radius:14px;border-radius:10px;box-shadow:0 4px 8px #0000001a;color:#000;display:flex;flex-wrap:wrap;justify-content:space-between;max-width:1200px;min-height:300px;padding:40px 60px 20px;width:100%;z-index:1}#skills .experience{width:48%}#skills .skills{width:48%}#skills .skills,#skills .skills span{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;height:fit-content;justify-content:flex-start}#skills .skills span{visibility:hidden}#skills .skills span>*{transition:opacity .15s linear .1s,transform .15s ease-in-out .1s;visibility:visible}#skills .skills span:hover>*{opacity:.4;transform:scale(.9)}#skills .skills span>:hover{opacity:1;transform:scale(1);transition-delay:0ms,0ms}#skills .skill-item{background:#0099d0;border:1px solid #006f97;border-radius:10px;color:#fff;font-size:1rem;margin:0 14px 14px 0;padding:5px 18px}#skills h2{font-size:2rem;margin-bottom:10px}#skills p{color:#fff;font-family:Montserrat-Light,sans-serif;font-size:.9rem}#skills h4{color:#404040;font-size:12px;letter-spacing:1px;margin-bottom:22px;text-align:left;width:100%}.ant-steps{font-family:Montserrat-Regular,sans-serif}.ant-steps-item-content{padding-bottom:20px}.ant-steps-item-title{color:#000!important;font-weight:500}.ant-steps-item-description{color:#000!important;font-size:14px;font-style:italic!important}.ant-steps-icon-dot,.ant-steps-item-icon{height:10px!important;width:10px!important}.ant-steps-icon-dot{background:#0099d0!important}.ant-steps-item-subtitle{color:#00000087!important;font-size:12px!important}#contact{background-color:#0099d0;color:#fff;padding:60px 20px;text-align:center}#contact h2{font-size:2rem;margin-bottom:10px}#contact p{color:#fff;font-family:Montserrat-Light,sans-serif;font-size:.9rem;margin-bottom:60px}#contact ul{flex-direction:row;list-style:none;padding:0}#contact a,#contact ul{display:flex;justify-content:center}#contact a{align-items:center;color:#fff;font-size:16px;margin-right:30px;text-decoration:none;transition:color .3s ease}#contact a:hover{color:#f9f9f9}@media (max-width:1110px){#hero h1{font-size:4rem;line-height:80px;margin-bottom:16px}#hero p{font-size:1rem}#hero .details{max-width:650px}}@media (max-width:870px){#hero h1{font-size:3.5rem;line-height:58px;margin-bottom:18px;margin-top:10px}#hero p{font-size:.9rem}#hero .details{max-width:500px}svg{bottom:-18px}}@media (max-width:670px){#hero h1{font-size:2.4rem;line-height:44px;margin-bottom:22px;padding-top:6px}#hero p{font-size:.9rem}#hero .details{max-width:100%}svg{bottom:-30px}#projects{padding:80px 20px}#projects h2{font-size:1.6rem}#projects h3{font-size:.9rem}#projects p{font-size:.8rem}#projects .description{font-size:.9rem}#projects .projects-container{margin-left:0;margin-top:40px}#projects .project-card{height:375px;margin-right:0}#skills h2{font-size:1.6rem}#skills .container{display:flex;flex-direction:column;padding:30px 22px 20px}#skills .experience,#skills .skills{margin-bottom:16px;width:100%}#contact{padding:40px 20px}#contact h2{font-size:1.6rem}#contact a{font-size:.9rem;margin-right:16px}#contact p{margin-bottom:40px}#contact img{height:20px;width:20px}.ant-steps-item-title{font-size:1rem!important}.ant-steps-item-description{font-size:.9rem}.ant-steps-item-subtitle{font-size:.8rem!important}svg{bottom:-15px}}
/*# sourceMappingURL=main.bfb99636.css.map*/