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}html{background-color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.container{align-items:center;display:grid;grid-template-columns:.2fr;height:12vh;justify-items:end;margin:.5em .5em .5em 2em}.navbar>ul.mobile{display:none}.navbar{-webkit-animation:fadeIn 2s ease-in-out 2s forwards;animation:fadeIn 2s ease-in-out 2s forwards;grid-column:2;grid-row:1;margin:1em;opacity:0}.navbar>ul{align-items:center;display:flex;font-weight:500;justify-content:space-between;list-style:none}.navbar>ul>li{border-radius:10px;margin:0 1em;padding:1em}.navbar>ul>li:hover{background-color:#000;color:#fff;cursor:pointer;transition:.3s ease-in-out}.logo{-webkit-animation:fadeIn 2s ease-in-out 2s forwards;animation:fadeIn 2s ease-in-out 2s forwards;justify-self:end;opacity:0}.logo>img{height:5em}.main__container{display:grid;grid-template-columns:1fr 1fr;justify-items:center;margin:1em 1em 0}.main__projects{grid-column:1/3;grid-row:2}.hero{align-items:center;color:#1d1d1f;display:flex;flex-direction:column;grid-column:1/3;grid-row:1;justify-content:center;padding:20px;text-align:center;z-index:1}.hero-title{-webkit-animation:fadeIn 3s ease-in-out forwards;animation:fadeIn 3s ease-in-out forwards;font-size:3em;font-weight:500;margin-bottom:10px;opacity:0}.hero-subtitle{-webkit-animation:fadeIn 3s ease-in-out 1s forwards;animation:fadeIn 3s ease-in-out 1s forwards;font-size:1.5em;margin-top:0;opacity:0}.scroll-down{-webkit-animation:fadeIn 2s ease-in-out 2s forwards;animation:fadeIn 2s ease-in-out 2s forwards;color:#000;font-size:2em;opacity:0;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.scroll-down:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.hero-image{margin:20px 0;object-fit:cover;position:relative;width:100%}.hero-image,.hero-image-mobile{-webkit-animation:fadeIn 2s ease-in-out 2s forwards;animation:fadeIn 2s ease-in-out 2s forwards;opacity:0}.hero-image-mobile{display:none}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.about{align-items:center;-webkit-animation:fadeIn 2s ease-in-out 2s forwards;animation:fadeIn 2s ease-in-out 2s forwards;color:#1d1d1f;display:flex;flex-direction:column;font-family:Arial,sans-serif;grid-column:1/3;height:90vh;justify-content:start;opacity:0;padding:2em;width:100%}.carousel.carousel-slider{margin:0 auto!important;width:60%!important}.about h1,.contact-section h1,.projects h1{font-size:3em;margin-bottom:.5em}.contact-section{color:#1d1d1f;font-family:Arial,sans-serif;grid-column:1/3;height:80vh;justify-content:start;margin-top:4em;padding:2em;width:100%}.about__content{max-width:90vw;text-align:center}.about__content p{font-size:1.5em;margin-bottom:1em;margin-top:0}.social-button{align-items:center;background-color:#fff;border:none;border-radius:50px;color:#000;cursor:pointer;display:inline-flex;justify-content:center;margin:.5em;padding:10px 20px;text-decoration:none;transition:background-color .3s ease}.social-button img{height:20px;margin-right:10px;width:20px}.linkedin-button:hover{background-color:#0077b5;color:#fff}.twitter-button:hover{background-color:#0c83d4;color:#fff}.instagram-button:hover{background:#f09433;background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888);color:#fff;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#f09433",endColorstr="#bc1888",GradientType=1)}.github-button:hover{background-color:#333;color:#fff}.about__projects{display:none;gap:20px;justify-content:space-between}.about__project{border:1px solid #ddd;border-radius:10px;box-shadow:0 2px 5px rgba(0,0,0,.15);overflow:hidden;position:relative;transition:box-shadow .3s ease;width:45%}.about__project:hover{box-shadow:0 5px 15px rgba(0,0,0,.3)}.about__project img{height:200px;object-fit:cover;transition:opacity .3s ease;width:100%}.about__project:hover img{opacity:.5}.about__project .content{align-items:center;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;opacity:0;padding:20px;position:absolute;text-align:center;top:0;transition:opacity .3s ease;width:100%}.about__project:hover .content{opacity:1}.about__project .content h2,.about__project .content p{margin:0}.about__project .content a{margin-top:10px}.timeline{align-items:center;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.1);display:flex;justify-content:space-between;margin-bottom:3em;padding:20px 0}.timeline:after{clear:both;content:"";display:table}.experience{border-left:2px solid #ddd;padding-bottom:5px;padding-left:10px;padding-right:10px;position:relative;width:30%}.experience h3{margin:0 0 10px}.experience p{margin:0}.experience:first-child:before{background-color:#ddd;border-radius:50%;content:"";height:20px;left:-10px;position:absolute;top:0;width:20px}.contact-section{align-items:center;-webkit-animation:fadeIn 2s ease-in-out 2s forwards;animation:fadeIn 2s ease-in-out 2s forwards;display:flex;flex-direction:column;opacity:0}.contact-section h1{font-size:3em;margin-bottom:.5em}.contact-form{max-width:40vw;width:100%}.contact-form input,.contact-form textarea{border:none;border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,.1);box-sizing:border-box;font-size:1em;margin-bottom:20px;padding:15px;width:100%}.contact-form textarea{min-height:150px;resize:vertical}.contact-form button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;display:block;font-size:1em;font-weight:600;margin:0 auto;padding:15px;transition:background-color .3s ease;width:100%}.contact-form button:hover{background-color:#0056b3}.notification{-webkit-animation:fadeOut 5s ease-in-out;animation:fadeOut 5s ease-in-out;background-color:#2ace2a;border-radius:5px;color:#fff;margin-top:10px;padding:10px}.projects{align-items:center;-webkit-animation:fadeIn 2s ease-in-out 2s forwards;animation:fadeIn 2s ease-in-out 2s forwards;color:#1d1d1f;grid-column:1/3;justify-content:start;opacity:0;padding:2em;width:100%}.projects h1{font-size:3em;margin-bottom:.5em;text-align:center}.grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;margin:0 auto;width:90%}.project-card{align-items:center;border-radius:10px;display:flex;justify-content:center;max-height:40vh;overflow:hidden;position:relative}.project-card img{height:auto;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:100%}.project-card:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}.overlay{align-items:center;background-color:rgba(0,0,0,.6);bottom:0;display:flex;flex-direction:column;height:0;justify-content:center;left:0;overflow:hidden;position:absolute;right:0;transition:.5s ease;width:100%}.project-card:hover .overlay{height:100%}.overlay h3{color:#fff;font-size:20px;margin:0}.popup{background:#fff;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.1);left:50%;max-width:500px;padding:20px;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:80%;z-index:1000}.popup h2{color:#333;margin-top:0}.popup p{line-height:1.6;margin:20px 0}.popup ul{list-style-type:none;padding:0}.popup li{background:#6d00ff;border-radius:5px;color:#fff;display:inline-block;margin-right:10px;padding:5px 10px}.popup__image{height:auto;margin-bottom:1em;width:100%}.overlay__popup{background:rgba(0,0,0,.5);bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.project-card .overlay ul{display:flex;flex-wrap:wrap;justify-content:center;list-style-type:none;margin-top:10px;padding:0}.project-card .overlay ul li{background:#6d00ff;border-radius:5px;color:#fff;font-size:1em;font-weight:600;margin:5px;padding:5px 10px}@media (max-width:600px){.grid{grid-template-columns:1fr}}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0;visibility:hidden}}@keyframes fadeOut{0%{opacity:1}to{opacity:0;visibility:hidden}}@media screen and (max-width:735px){.hero-image{display:none}.hero-image-mobile{display:block;height:50vw}.hero-title{font-size:2em}.hero-subtitle{font-size:1.2em}.scroll-down{font-size:1.5em}}@media screen and (min-width:320px) and (max-width:480px){.hero-image-mobile{display:block;height:38vh}}@media screen and (max-width:480px){.hero-title{font-size:2em;font-weight:700}.hero-subtitle{font-size:1.3em}.hero-image{display:none}.logo>img{height:8vh}.hero{margin:auto;max-width:90vw;padding:0}.navbar{margin:.5em}.navbar>.classic{display:none}.navbar>ul.mobile{display:flex;font-size:.8em;margin:0;padding:0}.scroll-down{font-size:1em}.container{align-items:center;display:grid;grid-template-columns:.2fr;height:10vh;justify-items:end;margin-left:2em}.about{-webkit-animation:fadeIn 2s ease-in-out 2s forwards;animation:fadeIn 2s ease-in-out 2s forwards;height:100%;opacity:0}.timeline{align-items:normal;flex-direction:column-reverse}.experience{border-left:none;border-top:2px solid #ddd;padding-bottom:20px;padding-left:0;padding-top:10px;width:100%}.about h1{font-size:2em}.about p{font-size:1.1em}.contact-section h1{font-size:2em}.contact-section{-webkit-animation:fadeIn 2s ease-in-out 2s forwards;animation:fadeIn 2s ease-in-out 2s forwards;height:70vh;opacity:0}.contact-form{max-width:90vw!important}}
/*# sourceMappingURL=main.51b62d15.css.map*/