@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap";.hero{height:calc(100vh - 100px);padding:0 5px;position:relative}@media (width>=1000px){.hero{padding:0 20px}}.hero .container{text-align:center;height:100%;margin:auto;padding:5px}@media (width>=1000px){.hero .container{text-align:center;justify-content:center;height:100%;margin:auto;padding:0;display:flex}}.hero .container img{width:200px;margin-bottom:30px}.hero .container .hero-content{flex-direction:column;justify-content:center;gap:20px;max-width:900px;height:100%;display:flex}@media (width>=1000px){.hero .container .hero-content{flex-direction:column;justify-content:center;height:100%;display:flex}}.hero .container .hero-content .rainbow-text{background:conic-gradient(#60bceb 16.666% 16.666%,#60bceb 33.333%,#f18f43 33.333% 50%,#8b9862 50% 66.666%,#476098 66.666% 83.333%,#a7489b 83.333%) 0 0/57%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;animation:.5s forwards rainbow-text-animation-rev}.hero .container .hero-content .rainbow-text:hover{animation:.5s forwards rainbow-text-animation}@keyframes rainbow-text-animation{0%{background-position:0 0;background-size:57%}20%{background-position:0 1em;background-size:57%}to{background-position:-9em 1em;background-size:300%}}@keyframes rainbow-text-animation-rev{0%{background-position:-9em 1em;background-size:300%}20%{background-position:0 1em;background-size:57%}to{background-position:0 0;background-size:57%}}.hero .container .hero-content .hero-heading{color:#dfdfd7;font-size:38px}@media (width>=700px){.hero .container .hero-content .hero-heading{font-size:60px;line-height:1.2}}@media (width>=1000px){.hero .container .hero-content .hero-heading{font-size:88px;line-height:1.2}}.hero .container .hero-content .hero-heading .comma{color:#60bceb}.hero .container .hero-content .hero-text{color:#ccc;padding:0 10px;font-size:14px}@media (width>=700px){.hero .container .hero-content .hero-text{padding:0 70px}}@media (width>=1000px){.hero .container .hero-content .hero-text{text-align:center;justify-content:center;width:100%;font-size:19px;font-weight:400;line-height:1.4}.hero a#scroll-btn{cursor:pointer;border:2px solid #eee;border-radius:3em;width:25px;height:50px;margin:auto;position:absolute;bottom:12em;left:0;right:0}.hero a#scroll-btn:before{content:"";background-color:#eee;border-radius:50%;width:6px;height:6px;margin:auto;animation:2s infinite move-down;position:absolute;top:5px;left:0;right:0}@keyframes move-down{80%{opacity:.5}to{opacity:0;transform:translateY(2em)}}.hero .hello{justify-content:center;align-items:center;display:flex}.hero .chevron-link{cursor:pointer}.hero .container-container{justify-content:center;align-items:center;display:flex;position:absolute;bottom:100px;left:50%;transform:translate(-50%)}.hero .container-container .chevron-container{width:24px;height:24px;position:absolute}.hero .container-container .chevron-container .chevron{opacity:0;cursor:pointer;width:28px;height:8px;animation:3s ease-out infinite move;position:absolute;transform:scale3d(.5,.5,.5)}.hero .container-container .chevron-container .chevron:first-child{animation:3s ease-out 1s infinite move}.hero .container-container .chevron-container .chevron:nth-child(2){animation:3s ease-out 2s infinite move}.hero .container-container .chevron-container .chevron:before,.hero .container-container .chevron-container .chevron:after{content:" ";background:#fff;width:51%;height:100%;position:absolute;top:0}.hero .container-container .chevron-container .chevron:before{left:0;transform:skewY(30deg)}.hero .container-container .chevron-container .chevron:after{width:50%;right:0;transform:skewY(-30deg)}@keyframes move{25%{opacity:1}33%{opacity:1;transform:translateY(30px)}67%{opacity:1;transform:translateY(40px)}to{opacity:0;transform:translateY(55px)scale3d(.5,.5,.5)}}.hero .container-container .chevron-container .text{color:#fff;text-transform:uppercase;white-space:nowrap;opacity:.25;margin-top:75px;margin-left:-30px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:12px;animation:2s linear infinite alternate pulse;display:block}@keyframes pulse{to{opacity:1}}}.portfolio{position:relative}.portfolio .progress{text-align:center;color:#fff;z-index:3;font-size:24px;position:sticky;top:0;bottom:0;left:0}@media (width>=1000px){.portfolio .progress{text-align:center;color:#fff;z-index:3;font-size:36px;position:sticky;top:0;left:0}}.portfolio .progress h1{text-align:center;margin-bottom:10px;padding-top:20px;font-size:28px;font-weight:700}@media (width>=1000px){.portfolio .progress h1{text-align:center;padding-top:20px;font-size:40px;line-height:1.4}}.portfolio .progress .progressBar{background-color:#4fa9e8;height:2px}@media (width>=1000px){.portfolio .progress .progressBar{height:3px}}.portfolio .container{justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.portfolio .container .wrapper{flex-direction:column;justify-content:center;align-items:center;gap:50px;max-width:1366px;height:100%;margin:auto;display:flex}@media (width>=700px){.portfolio .container .wrapper{flex-direction:row}}@media (width>=1000px){.portfolio .container .wrapper{justify-content:center;align-items:center;gap:50px;max-width:1366px;height:100%;margin:auto;display:flex}}.portfolio .container .wrapper .imageContainer{margin-top:50px;padding:5px}@media (width>=700px){.portfolio .container .wrapper .imageContainer{flex:1;height:50%;padding-left:10px}}@media (width>=1000px){.portfolio .container .wrapper .imageContainer{flex:1;height:50%}}.portfolio .container .wrapper .imageContainer img{object-fit:contain;border:25px solid #202127;border-radius:10px;width:100%;height:100%}@media (width>=700px){.portfolio .container .wrapper .imageContainer img{object-position:left;object-fit:cover;width:100%;height:100%}}@media (width>=1000px){.portfolio .container .wrapper .imageContainer img{object-position:left;object-fit:cover;width:100%;height:100%}}.portfolio .container .wrapper .textContainer{text-align:center;flex-direction:column;flex:1;gap:10px;padding:10px;display:flex;transform:none!important}@media (width>=700px){.portfolio .container .wrapper .textContainer{text-align:left}}@media (width>=1000px){.portfolio .container .wrapper .textContainer{flex-direction:column;flex:1;gap:30px;display:flex}}.portfolio .container .wrapper .textContainer h2{font-size:36px;font-weight:400}@media (width>=1000px){.portfolio .container .wrapper .textContainer h2{font-size:50px}}.portfolio .container .wrapper .textContainer p{color:#ccc;font-size:16px}@media (width>=1000px){.portfolio .container .wrapper .textContainer p{font-size:20px}}@media (width>=700px){.portfolio .container .wrapper .textContainer .border-divider{width:100%;position:relative}}.portfolio .container .wrapper .textContainer .border-divider:before{content:"";border-top:1px solid #000;width:100%;height:.5px;position:absolute;top:0;left:0}.portfolio .container .wrapper .textContainer .tech .techItem{color:#fff;border-radius:5px;width:7%;margin-right:5px;padding-top:5px}@media (width>=1000px){.portfolio .container .wrapper .textContainer .tech .techItem{width:5%}}.portfolio .container .wrapper .textContainer .btn-container{justify-content:center;gap:20px;margin-top:10px;display:flex}@media (width>=700px){.portfolio .container .wrapper .textContainer .btn-container{justify-content:left}}@media (width>=1000px){.portfolio .container .wrapper .textContainer .btn-container{margin-top:0}}.portfolio .container .wrapper .textContainer .main,.portfolio .container .wrapper .textContainer .second{color:#fff;cursor:pointer;border:none;border-radius:20px;width:150px;padding:15px;font-weight:700;transition:background-color .3s}.portfolio .container .wrapper .textContainer .main{background-color:#2f83ad}.portfolio .container .wrapper .textContainer .second{background-color:#32363f}.portfolio .container .wrapper .textContainer .main:hover{background-color:#4fa9e8}.portfolio .container .wrapper .textContainer .second:hover{background-color:#4d525a}.contact{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:40px;padding:0 2px 2px;display:flex}.contact .border-divider{width:100%;padding-bottom:30px;position:relative}.contact .border-divider:before{content:"";border-top:1px solid #000;width:100%;height:.5px;position:absolute;top:0;left:0}@media (width>=700px){.contact{flex-direction:column;padding:100px 2px 0;display:flex}}@media (width>=1000px){.contact{padding:100px 2px 0}}.contact .contact-img{width:20%}@media (width>=700px){.contact .contact-img{width:50px}}.contact .contact-title{align-items:center;gap:20px;margin:20px auto auto;display:flex}@media (width>=1000px){.contact .contact-title{align-items:center;gap:20px;margin:auto;display:flex}}.contact .contact-title .contact-heading{color:#fff;font-size:25px}@media (width>=700px){.contact .contact-title .contact-heading{font-size:25px}}.contact form{color:#fff;background:#202127;border-radius:8px;grid-template-columns:1fr;row-gap:10px;width:100%;padding:10px 10px 20px;display:grid;box-shadow:0 4px 8px #0003}@media (width>=700px){.contact form{width:70%;padding:0 30px 35px}}@media (width>=1000px){.contact form{width:540px;padding:40px}}.contact form .contact-subtitle{margin-bottom:10px;font-size:14px}@media (width>=700px){.contact form .contact-subtitle{font-size:16px}}.contact form .form-sub-container .contact-label{flex-direction:column;flex:1 0 0;align-items:flex-start;gap:5px;width:100%;font-size:14px;display:flex}@media (width>=700px){.contact form .form-sub-container .contact-label{gap:10.6px;font-size:16px}}.contact form .form-sub-container .contact-input{color:#fff;border:1.333px solid #1b1b1f;border-radius:8px;align-self:stretch;align-items:center;padding:14px;display:flex}@media (width>=700px){.contact form .form-sub-container .contact-input{padding:16px}}.contact form .contact-label{flex-direction:column;flex:1 0 0;align-items:flex-start;gap:5px;width:100%;font-size:14px;display:flex}@media (width>=700px){.contact form .contact-label{gap:10.6px;font-size:16px}}.contact form .contact-input{color:#fff;background:#1b1b1f;border:1.333px solid #1b1b1f;border-radius:8px;align-self:stretch;align-items:center;padding:14px;display:flex}@media (width>=700px){.contact form .contact-input{padding:16px}}.contact form .submit-btn{color:#fff;cursor:pointer;text-align:center;background:#268be2;border:none;border-radius:10px;width:100%;padding:18px;font-size:14px;font-weight:600;text-decoration:none;transition:all .5s;display:inline-block}.contact form .submit-btn:hover{background:#4fa9e8}.contact .footer{width:100%}.contact .footer .container{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.contact .footer .container .social-icons{justify-content:center;gap:20px;margin-top:30px;display:flex}.contact .footer .container .social-icons .github-link{color:#fff}.contact .footer .container .social-icons .github-link .github-icon{cursor:pointer;font-size:30px}.contact .footer .container .social-icons .linkedin-link{color:#fff}.contact .footer .container .social-icons .linkedin-link .linkedin-icon{cursor:pointer;font-size:30px}.contact .footer .border-divider{width:100%;padding-bottom:30px;position:relative}.contact .footer .border-divider:before{content:"";border-top:1px solid #000;width:100%;height:.5px;position:absolute;top:0;left:0}.navbar{justify-content:center;padding:8px 10px;display:flex}.navbar .container{justify-content:space-between;align-items:center;width:100%;max-width:1100px;display:flex}@media (width>=700px){.navbar .container{padding:0 20px}}@media (width>=1000px){.navbar .container{padding:0}}.navbar .container img{width:100px}.navbar .container .main-menu ul{display:flex}.navbar .container .main-menu ul li a{color:#fff;padding:10px 5px;font-weight:600;transition:all .5s;display:block}@media (width>=1000px){.navbar .container .main-menu ul li a{padding:10px 20px;font-weight:600;transition:all .5s;display:block}}.navbar .container .main-menu ul li a:hover{color:#60bceb}.navbar .container .main-menu ul li:last-child a{margin-left:10px}.navbar .container .main-menu .navbar-link{cursor:pointer;font-size:16px}.skills{justify-content:center;margin-bottom:200px;padding:100px 16px;display:flex}.skills__inner{background-color:#1b1b1f;border-radius:10px;flex-direction:column;gap:2px;width:100%;max-width:960px;display:flex;overflow:hidden}.skills-category{color:#fff;text-align:center;background-color:#1b1b1f;grid-template-columns:repeat(4,1fr);gap:2px;display:grid}.skills-category__title{background-color:#202127;grid-column:1/-1;margin:0;padding:12px;font-size:16px;font-weight:400}@media (width>=1000px){.skills-category__title{padding:16px;font-size:18px}}.skill-card{background-color:#202127;justify-content:center;align-items:center;gap:8px;padding:16px 8px;transition:background-color .2s,color .2s;display:flex}.skill-card--blank{pointer-events:none}.skill-card__icon{filter:grayscale();width:32px;height:32px;transition:filter .2s}@media (width>=1000px){.skill-card__icon{width:28px;height:28px}}.skill-card__name{margin:0;font-size:16px;display:none}@media (width>=700px){.skill-card__name{display:block}}.skill-card:not(.skill-card--blank):hover{color:#202127;background-color:#fff}.skill-card:not(.skill-card--blank):hover .skill-card__icon{filter:grayscale(0%)}.newabout{text-align:center;justify-content:center;align-items:center;margin:150px 0 220px;padding:2px;display:flex}@media (width>=700px){.newabout{margin:0;padding:20px}}.newabout .container{flex-direction:column;max-width:700px;padding:100px 0;display:flex}.newabout .container .row-with-img{margin:0}.newabout .container .row-with-img .column{float:left;width:100%;padding:0 2px 4px}@media (width>=700px){.newabout .container .row-with-img .column{width:50%}}.newabout .container .row-with-img .column .card{text-align:left;color:#fff;background-color:#202127;border-radius:0;padding:15px 5px;font-size:14px}@media (width>=700px){.newabout .container .row-with-img .column .card{text-align:left;border-radius:0 15px 0 0;align-items:center;height:353px;padding:16px;font-size:16px;display:flex}}.newabout .container .row-with-img .column .card .lottie{height:200px}@media (width>=700px){.newabout .container .row-with-img .column .card .lottie{height:357px}}.newabout .container .row-with-img .column .img{border-radius:15px 15px 0 0;padding:30px}@media (width>=700px){.newabout .container .row-with-img .column .img{border-radius:15px 0 0;padding:10px}}.newabout .container .row{margin:0}.newabout .container .row .column{width:100%;padding:0 2px 4px}.newabout .container .row .column .card{text-align:left;color:#fff;background-color:#202127;max-height:190px;padding:15px 5px;font-size:14px}@media (width>=700px){.newabout .container .row .column .card{text-align:left;padding:16px;font-size:16px}}.newabout .container .row .column .bottom{border-radius:0 0 15px 15px;max-height:280px}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#1e88e5;--light-color:#f4f4f6;--dark-color:#111}html{scroll-behavior:smooth}section{scroll-snap-align:center;height:100vh;position:relative}body{color:#fff;background:#1b1b1f;font-family:Poppins,sans-serif;font-size:16px;line-height:1.5}a{color:#333;text-decoration:none}ul{list-style:none}img{width:100px}.btn:hover{opacity:.6}.btn-primary{background:var(--primary-color);color:#fff}.btn-dark{background:var(--dark-color);color:#fff}.btn-block{width:100%;display:block}.btn-project{color:#1e88e5;background-color:#0000;border:1px solid #1e88e5;margin-right:20px;padding:15px 20px;font-size:14px}.btn-project:hover{opacity:1;color:#fff;background-color:#1e88e5}.btn-project-noborder{color:#1e88e5;background-color:#0000;margin-right:20px;padding:15px 20px;font-size:14px}.btn-project-noborder:hover{opacity:1;color:#fff;background-color:#1e88e5}