.about{margin-top:2.5em}.about .about__container{flex-direction:column;justify-content:center;align-items:center;gap:1.25em;display:flex}.about .about__container .about__container__heading{flex-direction:column;justify-content:center;align-items:center;gap:1.25em;display:flex}.about .about__container__aboutMe{color:var(--blue);background-color:var(--light-black);border:1px solid var(--blue);-ms-border-radius:18px;-o-border-radius:18px;border-radius:18px;width:fit-content;padding:.75em 1em;font-size:.85rem}.about .about__container__building{color:var(--white);font-size:2.75rem}.about .about__container__building span{background:linear-gradient(to right,var(--blue),var(--purple),var(--purple),var(--pink),var(--pink));color:#0000;-webkit-background-clip:text;background-clip:text}.about .about__info{align-items:center;gap:3em;margin-top:2em;display:flex}.about .about__info__content{color:var(--dark-grey);flex-direction:column;flex:1;gap:1.25em;font-size:1.1rem;line-height:1.75em;display:flex}.about .about__info__icons{flex-direction:column;flex:1;justify-content:space-between;gap:1em;display:flex}.about .about__info__icons__contain{gap:1em;padding:1.5em;display:flex}.about .about__info__icons__contain h2{color:var(--white);font-size:1.2rem;font-weight:300}.about .about__info__icons__contain p{color:var(--dark-grey);margin-top:1em}.about .about__info__icons__contain{box-shadow:0 0 2px var(--dark-grey);-ms-border-radius:15px;-o-border-radius:15px;border-radius:15px}.about .about__info__icons__contain:hover{box-shadow:0 0 2px var(--blue)}.about .about__info__icons__contain:hover .svg--holder{box-shadow:inset 0 0 15px #00b7db30}.about .about__info__icons__contain .svg--holder{-ms-border-radius:8px;-o-border-radius:8px;background-color:#262942;border-radius:8px;height:fit-content;padding:.5em}.about .about__info__icons__contain svg{width:20px;height:20px}.about .about__info__icons__contain .svg--first{color:var(--blue)}.about .about__info__icons__contain .svg--second{color:var(--purple)}.about .about__info__icons__contain .svg--third{color:var(--pink)}@media (max-width:768px){.about__info{flex-direction:column}}
.contact{margin-top:5em}.contact a{text-decoration:none}.contact .contact__heading{color:var(--dark-grey)}.contact .contact__holder{gap:3em;width:100%;display:flex}.contact .contact__info,.contact .contact__form{flex:1}.contact .contact__info__icons{flex-direction:column;flex:1;justify-content:center;gap:1em;display:flex}.contact .contact__info__icons__contain{gap:1em;padding:1.5em;display:flex}.contact .contact__info__icons__contain h2{color:var(--white);font-size:1.2rem;font-weight:300}.contact .contact__info__icons__contain p{color:var(--dark-grey);margin-top:.5em}.contact .contact__info__icons__contain{box-shadow:0 0 2px var(--dark-grey);-ms-border-radius:15px;-o-border-radius:15px;border-radius:15px}.contact .contact__info__icons__contain:hover{box-shadow:0 0 2px var(--blue)}.contact .contact__info__icons__contain:hover .svg--holder{box-shadow:inset 0 0 15px #00b7db30}.contact .contact__info__icons__contain .svg--holder{-ms-border-radius:8px;-o-border-radius:8px;background-color:#262942;border-radius:8px;height:fit-content;padding:.5em}.contact .contact__info__icons__contain svg{width:20px;height:20px}.contact .contact__info__icons__contain .svg--first{color:var(--blue)}.contact .contact__info__icons__contain .svg--second{color:var(--purple)}.contact .contact__info__icons__contain .svg--third{color:var(--pink)}.contact .contact__invite{box-shadow:0 0 2px var(--blue)}.contact .contact__invite p{margin-top:0}@media (max-width:768px){.contact__holder{flex-direction:column}}
.form{flex-direction:column;flex:1;gap:.75em;display:flex}.form label{color:#d1d5dc;margin-top:1.25em;font-weight:300}.form input{color:var(--white);-ms-border-radius:5px;-o-border-radius:5px;background-color:#141118;border:2px solid #2b2a30;border-radius:5px;width:100%;padding:1em}.form input::placeholder{font-size:1.1em}.form .message--input{height:100px}.form button{color:var(--white);margin-top:1.25em;padding:1em}.form button svg{width:20px}.form button{background:linear-gradient(to right,var(--blue),var(--purple),var(--pink));cursor:pointer;-ms-border-radius:5px;-o-border-radius:5px;border:0;border-radius:5px}.form button:hover{background:linear-gradient(to left,var(--blue),var(--purple),var(--pink))}
.hero{background-color:var(--black);padding:30px}.hero .hero__container{gap:4em}.hero .hero__info{flex-direction:column;flex:1;gap:1.85em;padding:20px 0;display:flex}.hero .hero__hi{color:var(--grey);font-size:1.15rem}.hero .hero__name{background:linear-gradient(to right,var(--blue),var(--purple),var(--pink),var(--pink),var(--pink),var(--pink));color:#0000;-webkit-background-clip:text;background-clip:text;margin-top:5px;font-size:4.5rem;font-weight:500}.hero .hero__title{color:var(--grey);font-size:2.25rem;font-weight:300}.hero .hero__brief{color:var(--dark-grey);font-size:1.15rem;line-height:1.75em}.hero .hero__btn svg{width:1.25em;animation:2s linear infinite svgAnimation}.hero .hero__btn{background-color:var(--grey);width:fit-content;color:var(--white);cursor:pointer;background:linear-gradient(to right,var(--blue),var(--purple));-ms-border-radius:10px;-o-border-radius:10px;border:none;border-radius:10px;gap:7px;padding:1.25em 2em;font-size:1rem;display:flex}.hero .hero__btn:hover{background:linear-gradient(to right,var(--purple),var(--blue))}.hero .hero__img{flex:1;animation:2s linear infinite svgAnimation;position:relative}.hero .hero__img img{object-fit:cover;aspect-ratio:1;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;width:100%}.hero .hero__img picture{width:65%;box-shadow:15px 15px 30px #00b7db70,-15px -15px 30px #9715fa70}.hero .hero__img picture:after,.hero .hero__img picture:before{content:"";-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;position:absolute}.hero .hero__img picture:before{aspect-ratio:1;border:4px solid #00b7db30;width:23%;top:70%;left:14%}.hero .hero__img picture:after{aspect-ratio:1;border:4px solid #9715fa30;width:18%;top:0;right:15%}.hero .hero__img picture{-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%}.hero__icons{gap:15px;display:flex}.hero__icons svg{stroke:var(--dark-grey);stroke-width:2px;box-sizing:content-box;width:24px;height:24px}.hero__icons a{box-shadow:0 0 1px var(--blue);-ms-border-radius:8px;-o-border-radius:8px;border:1px solid #0000;border-radius:8px;padding:11px 12px 10px}.hero__icons a:hover{border-color:var(--blue);background-color:#0b2531}.hero__icons a:hover svg{stroke:var(--blue)}@keyframes svgAnimation{0%{transform:translateY(-4px)}25%{transform:translateY(0)}50%{transform:translateY(4px)}75%{transform:translateY(0)}to{transform:translateY(-4px)}}@media (max-width:768px){.hero__container{flex-direction:column-reverse}header .hero__img picture{width:55%}.hero__btn,.hero__icons{align-self:center}}@media (min-width:769px) and (max-width:992px){header .hero__img picture{width:85%}}
.projects{margin-top:5em}.projects .projects__heading{color:var(--dark-grey)}.projects .projects__holder{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));justify-content:center;gap:2.25em;width:100%;margin-top:2em;display:grid}.projects .projectCard__container{display:flex}.projectCard{flex-direction:column;flex:1;display:flex;box-shadow:0 0 3px #00b7db80}.projectCard .projectCard__img{-ms-border-radius:15px 15px 0 0;-o-border-radius:15px 15px 0 0;border-radius:15px 15px 0 0;height:250px;position:relative;overflow:hidden}.projectCard .projectCard__img img{-o-transition:.5s;transition:all .5s}.projectCard .projectCard__content{-ms-border-radius:0 0 15px 15px;-o-border-radius:0 0 15px 15px;background-color:#1a2434;border-radius:0 0 15px 15px;flex-direction:column;flex:1;gap:1em;padding:2em 1.5em;line-height:1.5em;display:flex}.projectCard h4{color:var(--white);font-size:1.35rem;font-weight:300}.projectCard .projectCard__description{color:var(--dark-grey)}.projectCard .projectCad__skills{flex-wrap:wrap;gap:.5em;display:flex}.projectCard .projectCad__skills span{color:var(--blue);border:1px solid var(--blue);background-color:var(--black);-ms-border-radius:18px;-o-border-radius:18px;border-radius:18px;padding:4px 14px;font-size:.75rem}.projectCard .projectCard__btns{gap:1em;margin-top:auto;display:flex}.projectCard .projectCard__btns svg{width:18px}.projectCard .projectCard__btns a{-ms-border-radius:12px;-o-border-radius:12px;border-radius:12px;gap:.5em;padding:10px 14px;font-size:.9rem;text-decoration:none}.projectCard .projectCard__btns .demo{color:var(--white);background:linear-gradient(to right,var(--blue),var(--purple))}.projectCard .projectCard__btns .demo:hover{background:linear-gradient(to left,var(--blue),var(--purple))}.projectCard .projectCard__btns .github{color:var(--dark-grey);border:1px solid #00b7db30}.projectCard .projectCard__btns .github:hover{color:var(--blue);border-color:#00b7db}.projectCard:hover{box-shadow:0 0 5px #00b7db}.projectCard:hover img{transform:scale(1.05)}.projectCard:hover .projectCard__content{background:linear-gradient(45deg,#00b7db30,#9715fa30,#f5339b30)}.projectCard:hover h4{color:var(--blue)}.projectCard{-ms-border-radius:15px;-o-border-radius:15px;border-radius:15px}@media (max-width:992px){.projects .projects__holder{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}
.skills{margin-top:5em}.skills .skills__heading{color:var(--dark-grey)}.skills .skills__icons{color:var(--white);grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:2em;width:100%;margin-top:2.5em;display:grid}.skills h3{font-weight:300}.skills .skills__icons__contain div{font-size:2rem}.skills .skills__icons__contain{box-shadow:0 0 4px var(--dark-grey);-ms-border-radius:15px;-o-border-radius:15px;border-radius:15px;flex-direction:column;gap:1em;padding:2em 1em}.skills .skills__icons__contain:hover{box-shadow:0 0 4px var(--blue);background:linear-gradient(45deg,#00b7db30,#9715fa30,#f5339b30)}.skills .skills__icons__contain:hover div{transform:rotate(360deg)}