.App{margin:auto}.fade-in{opacity:0;transform:translateY(5vh);visibility:hidden;transition:opacity .8s ease-out,transform .6s ease-out,visibility .8s ease-out;will-change:opacity,transform,visibility}.fade-in.is-visible{opacity:1;transform:none;visibility:visible}p{letter-spacing:.012rem;line-height:1.6;font-size:1rem}.hero-container{height:100vh;min-height:960px}.hero--nav{display:none;position:absolute;top:5%;right:17%}.hero--link{font-size:1.15rem;padding-left:3em;text-decoration:none;color:inherit;font-weight:500;cursor:pointer;transition:.25s}.hero--link:hover{text-decoration:underline 5.5px #ffd371}.hero-container,.about-container,.toolkit-container,.contact-container{max-width:1200px;padding:0 2em;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#1a1a1a;margin:auto}.hero--content,.about--content,.toolkit--content,.contact--content{display:flex;flex-direction:column}.hero--resume-btn,.close-btn{border:none;font-family:inherit;font-size:1rem;width:144px;height:38px;background:#ff4848;margin-bottom:3em;letter-spacing:.018rem;transition:.3s;color:#fff;text-transform:uppercase}.hero--resume-btn:is(:hover,:active),.send--btn:is(:hover,:active),.close-btn:is(:hover,:active){background:black;color:#fff;cursor:pointer;transform:translateY(-.1vh)}.hello{font-size:1.8rem;margin-bottom:0;margin-top:0;font-weight:500}p{font-size:1.15rem;transition:.25s}hr{border:none;border-top:7px solid #ffd371;border-radius:4px;margin-left:0;margin-top:0;transition:.25s}.hero--hr{max-width:225px}.red{color:#ff4848}.hero--headshot{text-align:center}.abdul-headshot{width:214.87px;padding-top:1em;transition:.25s}.hero--down-arrow{position:absolute;bottom:3%;z-index:-1;text-align:center;-webkit-animation:bounce 1.5s infinite ease-in-out;-o-animation:bounce 1.5s infinite ease-in-out;-ms-animation:bounce 1.5s infinite ease-in-out;-moz-animation:bounce 1.5s infinite ease-in-out;animation:bounce 1.5s infinite ease-in-out}@-webkit-keyframes bounce{0%{transform:translateY(-5px)}50%{transform:translateY(10px)}to{transform:translateY(-5px)}}@keyframes bounce{0%{transform:translateY(-5px)}50%{transform:translateY(10px)}to{transform:translateY(-5px)}}header nav{background-color:#ff4848;position:fixed;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:all .3s ease-in-out;z-index:1}header nav ul{list-style-type:none;padding:0;position:absolute;margin:50% auto auto 50%;transition:all .3s ease-in-out;transform:translate(-50%)}header nav ul li{transform:translateY(50px);opacity:0}header nav ul li a{color:#ffd371;display:block;font-size:2.5em;text-decoration:none;padding:20px 0;text-align:center;font-weight:500;transition:all .2s ease-in-out}header nav ul li a:hover,header nav ul li a:active,header nav ul li a:visited{color:#9ddac6}.toggle-btn{display:block;position:absolute;z-index:10;right:4%;top:2%;cursor:pointer}.toggle-btn .bar{width:30px;height:4px;margin:7px 5%;border-radius:1px;background-color:#1a1a1a;transition:all .3s ease-in-out}#toggle:checked~nav{opacity:1;visibility:visible}#toggle:checked~nav ul li{transform:translateY(0);opacity:1}#toggle:checked~nav ul li:nth-child(1){transition:all .3s cubic-bezier(.6,0,.8,1.5) .1s}#toggle:checked~nav ul li:nth-child(2){transition:all .3s cubic-bezier(.6,0,.8,1.5) .2s}#toggle:checked~nav ul li:nth-child(3){transition:all .3s cubic-bezier(.6,0,.8,1.5) .3s}#toggle:checked~nav ul li:nth-child(4){transition:all .3s cubic-bezier(.6,0,.8,1.5) .4s}#toggle:checked+label.toggle-btn .bar{background-color:#ffd371}#toggle:checked+label.toggle-btn{position:fixed;z-index:10}#toggle:checked+label.toggle-btn .bar:nth-child(2){transform:translate(50px);opacity:0}#toggle:checked+label.toggle-btn .bar:nth-child(1){transform:translateY(15px) rotate(45deg)}#toggle:checked+label.toggle-btn .bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.projects-container{max-width:1200px;margin:3em auto auto;background:#ffd371}.projects--inner{padding:0 2em}.projects--title{padding:2em 0 2em 2em}.projects--project{display:flex;flex-direction:column;align-items:center;justify-content:center}.projects--project>img{max-width:100%;max-height:100%;width:500px;padding-bottom:3.5em;transition-duration:.2s}.projects--img:hover{transform:translateY(-4px);cursor:pointer;filter:drop-shadow(4px 4px 0 #354d44)}.projects--project:nth-child(1){transition-duration:.5s}.projects--project:nth-child(2){transition-duration:.7s}.projects--project:nth-child(3){transition-duration:.9s}.projects--project:nth-child(4){transition-duration:1.1s}.about-container{margin-top:8em}.about--image{order:1;margin:auto}.about--image>img{width:280px;padding:1em;transition:.25s}.title{font-size:2rem;margin-bottom:0;margin-top:0;font-weight:500}.about--hr{max-width:129px}.toolkit-container{margin-top:8em}.toolkit--description>h1{justify-content:flex-start}.toolkit--hr{max-width:160px}.toolkit--skills{display:flex;flex-wrap:wrap;justify-content:space-evenly;max-width:773px%}.toolkit--item-container{display:flex;flex-direction:column;align-items:center;padding:1rem;transition:1s}.toolkit--item-img{width:48px}.toolkit--item-name{margin-top:5px;margin-bottom:0}.toolkit--item{padding:2rem;transition:1s}.contact-container{margin-top:8em;margin-bottom:6em}.contact--content{align-items:center}.contact--hr{max-width:208px}.contact--description{max-width:95%}.contact--icons{display:flex;justify-content:space-around;transition:2.5s;align-items:center}.contact--item{width:32px;transition-duration:.3s}.contact--item:hover{transform:translateY(-3px);cursor:pointer}.contact-item:active{transform:translateY(0)}.contact--form{margin:2em 0 0 -1em;width:90%}.contact--input{margin-bottom:.8em;height:2.5rem;padding-left:1rem;width:95%;border:1.8px solid #ffd371;border-radius:5px;font-family:inherit;font-weight:500;font-size:1.2rem;letter-spacing:.012rem;color:#1a1a1a}.contact--msg{padding-top:.5rem;height:11.75rem;resize:none}::placeholder{color:#1a1a1a47}.send--btn{border:none;font-family:inherit;font-size:1rem;font-weight:500;width:144px;height:38px;background:#ffd371;color:#000;margin-bottom:3em;letter-spacing:.018rem;transition:.3s;text-transform:uppercase}.footer-container{background-color:#ffd371;margin:0;padding:0}.footer-text{margin:0;padding:2rem 0;text-align:center;font-size:.875rem;font-weight:500}@media screen and (min-width: 768px){.hero--nav-mobile{display:none}.hero--nav{display:inline}.hero--link{font-size:1rem;padding-left:2em}.hero--content,.about--content{flex-direction:row;align-items:center;column-gap:2em;justify-content:center}.hero--description{max-width:500px;padding-left:2em}.hero--headshot>img{padding:0 2em}.toolkit--item-container{display:flex;flex-direction:column;align-items:center;padding:2rem;transition:1s}.toolkit--item-img{width:64px}.toolkit--item-name{margin-top:10px;margin-bottom:10px}.about-container{margin-top:14em}.about-container,.toolkit-container{max-width:90%}.about--image{order:0}.about--image>img{width:250px}.toolkit--item{padding:2rem 2.5rem}.contact--input{height:2.5rem;padding-left:1rem;width:97%;font-size:1.5rem;letter-spacing:.012rem}.contact--msg{font-size:1.5rem;padding-top:.5rem;height:11.75rem;resize:none}}@media screen and (min-width: 1024px){.hello,.title{font-size:2.25rem;margin-bottom:0;font-weight:600}.hero--hr{max-width:250px}.about--hr{max-width:145px}.about--description{padding-left:3em}.abdul-headshot{padding:0 0 0 2rem;width:260px}.projects-container{background:url(/assets/images/blob-bg.svg) no-repeat center;background-size:contain;margin-top:4em}.projects--project{flex-direction:row;flex-wrap:wrap}.projects--project>img{padding:2em;max-width:40%;max-height:40%}.projects--title{padding:2em 0 0 2em}.toolkit--item-container{display:flex;flex-direction:column;align-items:center;padding:2rem;transition:1s}.toolkit--item-img{width:64px}.toolkit--item-name{margin-top:10px;margin-bottom:auto}.toolkit--hr{max-width:180px}.toolkit--item{padding:2rem 3rem}.contact-container{//margin-top: 14em}.contact--content{align-items:flex-start!important;flex-direction:row;column-gap:4em;justify-content:center}.contact--hr{max-width:233px}.contact--description{max-width:420px;padding:2em 0 0 4.6em}.contact--form{padding-right:4.5em}.contact--input{width:94%}}@media screen and (min-width: 1200px){.hero--content,.about--content{justify-content:space-between}.contact-content{align-items:flex-start}.hero--link,p{font-size:1.25rem}.hero--description{max-width:552px}.about--description{max-width:639px}.hello{font-size:3rem}.title{font-size:2.5rem;font-weight:500}.hero--hr{max-width:336px}.about--hr{max-width:160px}.abdul-headshot{padding:0 0 0 12rem!important;width:308.67px}.about--image>img{padding:0 4em 0 2em;width:317px}.projects-container{background-size:contain}.projects--project>img{max-width:100%;max-height:100%}.toolkit--hr{max-width:200px}.toolkit--item{padding:2rem 3.5rem}.contact--form{margin:2em 0}.contact--description{padding:1.2em 4.3em}.contact--hr{max-width:260px}}.project-x-wrapper{display:flex;flex-direction:column;margin:3em auto 0;justify-content:center;align-items:center;background:#ffd371;animation:fadeIn 1.5s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.project-x-inner{max-width:1200px;padding-top:4em;display:flex;flex-direction:column;justify-content:center;align-items:center}.project-x-img{max-width:785px;width:100%;height:100%}.project-x-movie{position:relative;overflow:hidden;width:100%}.project-x-movie:after{display:block;content:"";padding-top:100%}.project-x-movie iframe{border:0;position:absolute;top:0;left:0;width:100%;height:100%}.project-x-inner h1{margin-top:2rem;font-size:1.25rem;letter-spacing:4px;text-decoration:none;cursor:pointer}.project-x-links{display:flex;gap:2em;align-items:center;justify-content:flex-start}.project-x-inner p{text-align:justify;font-size:.9rem;-webkit-hyphens:auto;hyphens:auto;margin:auto -.5rem}.project-x-main-text{margin-top:2rem;margin-bottom:3rem;max-width:785px;background-color:#f1f1f1}.project-x-main-text-inner{margin:2em}.hidden{display:none}.close-tab-div{background-color:#f1f1f1;width:100%;display:flex}.close-tab-img{margin:auto;cursor:pointer}@media screen and (min-width: 768px){.project-x-inner p{text-align:justify;font-size:1rem;-webkit-hyphens:auto;hyphens:auto;margin:auto 0}}@media screen and (min-width: 785px){.project-x-img,.project-x-main-text{border-radius:10px}}html,body,#root{margin:0;padding:0;scroll-behavior:smooth}html{scrollbar-color:#ffd371 #f1f1f1;scrollbar-width:thin}::-webkit-scrollbar{width:8px;height:8px;background-color:#f1f1f1}::-webkit-scrollbar-thumb{background:#ffd371;border-radius:5px}body{font-family:Inconsolata,monospace,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background-color:#f1f1f1;scrollbar-color:#ffd371}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}