@import "https://fonts.googleapis.com/css2?family=Momo+Signature&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap";*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-optical-sizing:auto;margin:15px;font-family:Urbanist,sans-serif;font-style:normal}header{background-color:#fff;margin-bottom:10px;padding-top:10px;padding-bottom:10px;position:sticky;top:0}h1{font-optical-sizing:auto;font-family:Playfair Display,sans-serif;font-style:normal}.navbar{align-items:center;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:16px;font-weight:700;display:flex}.navbar h2{font-family:League Script,cursive;font-style:normal;font-weight:100}.navbar nav a:visited{-webkit-text-decoration:underline #cd0002;text-decoration:underline #cd0002}.navbar nav a:hover{-webkit-text-decoration:underline #000;text-decoration:underline #000}.navbar nav a span:hover{-webkit-text-decoration:underline #cd0002;text-decoration:underline #cd0002}.navbar h2:hover{color:#cd0002}.navbar nav{justify-content:space-between;min-width:300px;margin-left:auto;display:flex}a{color:#000;text-decoration:none}.hero-section{justify-content:space-between;padding:10px;display:flex}.hero-section h1{font-size:72px}.landingText h1 span{display:block}p{font-optical-sizing:auto;font-family:Urbanist,sans-serif;font-style:normal;line-height:27px}.landingText{width:90%;padding-right:40px}.landingText p span{color:#cd0002}a span{color:#cd0002;text-decoration-color:#cd0002}.hero-section img{border-radius:8%;width:40%;height:auto}li{line-height:27pt;list-style:none}.contactMe ul li{place-content:center;display:grid}.contactMe ul{justify-content:space-between;width:50%;display:flex}#resume{color:#fff;background-color:#cd0002;border-radius:15%;margin-left:5px;margin-right:5px;padding:17px;font-size:18px;font-weight:600;line-height:22px}#resume:hover{color:#fff;background-color:#b00205;border-radius:15%;margin-left:5px;margin-right:5px;padding:17px;font-size:18px;font-weight:600;line-height:22px}.navIcons,.navIcons img{place-content:center;width:30px;height:30px;display:grid}.navIcons img:hover{cursor:pointer}.project div a img{width:30px;height:30px}.project div div{width:550px}.project div div a:first-child{color:#fff;background-color:#cd0002;border-radius:10%;justify-content:space-between;align-items:center;width:140px;margin-left:5px;margin-right:20px;padding:10px;font-size:18px;font-weight:600;line-height:22px;display:flex}.project div div a:first-child:hover{background-color:#b00205}.project div div a:last-child{color:#000;background-color:#ede0e0;border-radius:10%;justify-content:space-between;align-items:center;width:120px;margin-left:5px;margin-right:5px;padding:9px;font-size:18px;font-weight:600;line-height:22px;display:flex}.project div div a:last-child:hover{background-color:#e9dbdb}.project div div{flex-direction:row;display:flex}#Projects h1{font-size:36px;font-weight:700;line-height:36px}#Projects h1 span{color:#131212;font-family:Urbanist,sans-serif;font-size:14px;font-weight:500;line-height:21px;display:block}#Projects{padding-top:100px}.project{justify-content:space-between;line-height:36pt;display:flex}#stack{color:#000;background-color:#f0e7e7;border-radius:12%;margin:3px;padding:8px;display:inline}#stack:hover{color:#fff;background-color:#cd0002;transition:background-color .3s .1s}h3{color:#7f7677;font-size:20px;font-weight:600;line-height:30px;display:inline}.line{background-color:#7f7677;width:80px;height:2px;display:inline-block}.lineclass{justify-content:space-between;align-items:center;width:290px;padding-top:100px;padding-bottom:120px;display:flex}.aboutMe .lineclass{width:190px}footer .lineclass{width:150px;padding-top:150px;padding-bottom:50px}.projectImg img{border-radius:8%;width:90%;height:100%}.projectImg{border-radius:12%;justify-content:right;align-items:end;width:561px;height:315px;padding-top:40px;display:flex}.one{background-color:#c5ab5b7a}.two{background-color:#e2ada6d9}.three{background-color:#6d9785}.about{justify-content:space-between;display:flex}.about img{border:#131212 1px black;border-radius:8%;width:30%;height:300px}.about div{width:65%}.about div p span{color:#cd0002}.education{flex-flow:column wrap;justify-content:space-between;height:400px;display:flex}.education div{width:450px;height:49%}.education div p span{color:#252222;font-family:Urbanist,sans-serif;font-size:14px;font-weight:500;line-height:21px;display:block}.skills ul li{background-color:#f0e7e7;border-radius:10%;padding:7px;display:inline}.skills ul li:hover{color:#fff;background-color:#cd0002;border-radius:10%;padding:7px;display:inline}footer a:hover{color:#cd0002;transition-property:color;transition-duration:.3s;transition-timing-function:ease}footer nav ul{justify-content:space-between;width:30%;display:flex}footer nav ul li{place-content:center;display:inline-block}footer section{color:#807777;justify-content:space-between;font-size:14px;font-weight:500;line-height:21px;display:flex}footer section p{display:inline}header nav img{place-content:center;width:20px;height:20px;margin-right:20px;display:grid}.hamburger{cursor:pointer;background:0 0;border:none;padding:0;display:none}.hamburger .bar{background-color:#131212;width:25px;height:3px;margin:5px auto;transition:all .3s ease-in-out;display:block}@media screen and (width<=840px){.hero-section{flex-direction:column;align-items:center;padding-top:24px}.landingText{text-align:center;width:100%;margin-bottom:32px;padding-right:0}.hero-section h1{font-size:56px;line-height:1.2}.hero-section img{width:80%}.contactMe ul{justify-content:center;gap:24px;width:100%;padding-top:16px}.project{flex-direction:column-reverse;gap:24px;margin-bottom:48px}.projectImg{justify-content:center;width:100%;height:auto;padding:24px}.project div div{width:100%}.about{flex-direction:column;align-items:center;gap:24px}.about img{width:80%;height:auto}.about div{width:100%}.education{flex-direction:column;gap:24px;height:auto}.education div{width:100%;height:auto}.lineclass{width:100%;padding-top:60px;padding-bottom:60px}footer nav ul{width:60%}}@media screen and (width<=600px){.navbar{flex-flow:wrap;justify-content:space-between}.hamburger{display:block}.navbar nav{flex-direction:column;width:100%;padding-top:16px;display:none}.navbar nav.active{display:flex}.hamburger.active .bar:first-child{transform:translateY(8px)rotate(45deg)}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:nth-child(3){transform:translateY(-8px)rotate(-45deg)}}