@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap);@import url(https://db.onlinewebfonts.com/c/72bc3c6b00e72d272eb79ee0d69ce103?family=New+Spirit+Regular);@font-face{font-family:headerFont;src:url(/static/media/Fontspring-DEMO-theseasons-reg.2c9625941d4c89994b85.otf)}:root{--background-color:#f1e6ff;--purple:#1e0044;--gold:#d4af37;--text-color:#0b001a;--gray-color:#99afc1;--font-1:"Graphik";--font-2:"Graphik"}body,html{background-color:#f1e6ff;background-color:var(--background-color);margin:20px}.hero .header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.hero .header .logo:hover{cursor:pointer}.hero .header .navbar ol{display:flex;gap:20px;list-style:none}.hero .header .navbar ol li{color:#0b001a;color:var(--text-color);font-family:Graphik;font-family:var(--font-1)}.hero .header .navbar ol li button{align-items:center;background:none;border:none;border-bottom:1px solid;border-bottom:1px solid var(--font-1);color:#0b001a;color:var(--text-color);cursor:pointer;display:flex;font-size:16px;padding:3px 5px}.hero .header .navbar ol li button img{margin-left:10px}.hero .header .navbar ol li button:hover{border-bottom:1px solid #1e0044;border-bottom:1px solid var(--purple);color:#1e0044;color:var(--purple)}@media(max-width:600px){.hero .header .navbar{align-items:center;background-color:#fff;display:none;flex-direction:column;gap:20px;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100%}.hero .header .navbar.open{display:flex}.hero .header .navbar li{text-align:center}.hero .header .navbar button{background:none;border:none;color:#0b001a;color:var(--text-color);font-size:16px}.hero .header .navbar button img{margin-left:0}}.hero .introduction{color:#1e0044;color:var(--purple);padding:0 5%}.hero .introduction .imgintro{align-items:center;display:flex;flex-direction:column;gap:20px}.hero .introduction .imgintro img{width:100%}.hero .introduction .imgintro p{font-family:Graphik;font-family:var(--font-1);font-size:18px;font-weight:400;letter-spacing:1px;line-height:24px;margin:0}.hero .introduction h1{font-family:headerFont;font-size:30px;font-weight:400;letter-spacing:2px;line-height:80px;margin-bottom:20px}.hero .hamburger-menu{cursor:pointer;display:none}@media(max-width:600px){.hero .hamburger-menu{display:block}.hero .header{align-items:flex-start;flex-direction:column}.hero .header .navbar{display:none}.hero .header .navbar.open{display:flex}.hero .header .hamburger-menu{display:block}}@media(min-width:600px){.hero .header{margin-bottom:50px}.hero .introduction .imgintro{align-items:flex-start;flex-direction:row}.hero .introduction img{width:35%}.hero .introduction p{font-size:20px;line-height:30px}.hero .introduction h1{font-size:45px;margin-bottom:50px}}@media(min-width:900px){.hero .header{margin-bottom:100px}.hero .introduction .imgintro{gap:50px}.hero .introduction h1{font-size:60px;margin-bottom:50px}}.footer{align-items:last baseline;border-top:1px solid rgba(30,0,68,.2);display:flex;justify-content:space-between;margin-top:100px;padding:30px}.footer p{color:#1e0044;color:var(--purple);font-family:Graphik;font-family:var(--font-1)}.footer p span{color:#0b001a;color:var(--text-color);font-weight:500}.footer .right .linkedin,.footer .right .twitter{margin-right:15px}h2{color:#0b001a;color:var(--text-color);font-family:Graphik;font-family:var(--font-2);font-size:40px;font-weight:400;padding:70px 0 15px}.allprojects{display:flex;flex-wrap:wrap;font-family:Graphik;font-family:var(--font-1);justify-content:space-between}.allprojects .project{border-radius:5px;margin-bottom:30px;padding:25px;width:45%}.allprojects .project div img{width:100%}.allprojects .project .projecttitle{color:#99afc1;color:var(--gray-color);font-weight:500;margin-bottom:15px}.allprojects .project .line{background-color:#99afc1;background-color:var(--gray-color);padding:.5px}.allprojects .project p{color:#fff;font-weight:300;letter-spacing:1px;line-height:25px;margin-bottom:30px}@media(max-width:991px){.allprojects .project{width:100%}}.allprojects .project button{align-items:center;background:none;border:1.5px solid #99afc1;border:1.5px solid var(--gray-color);border-radius:3px;color:#fff;cursor:pointer;display:flex;margin-bottom:30px;padding:15px 30px}.allprojects .project button img{margin-left:10px}.allprojects .project button:hover{background-color:#1e0044;background-color:var(--purple)}a{color:#0b001a;color:var(--text-color);font-family:Graphik;font-family:var(--font-1);text-align:center}a p{margin-bottom:40px}a:hover{color:#1e0044;color:var(--purple)}.password{align-items:center;color:#0b001a;color:var(--text-color);display:flex;flex-direction:column;font-family:Graphik;font-family:var(--font-1);justify-content:center;margin-top:150px}.password h4{font-size:30px;font-weight:400;letter-spacing:1px;text-align:center}.password .input{margin-bottom:150px}.password .input input{background:#99afc1;background:var(--gray-color);border:none;border-radius:3px;height:40px;margin-right:15px;padding-left:10px;width:300px}.password .input input:focus{outline:none}.password .input input::-webkit-input-placeholder{color:#37444e}.password .input input::placeholder{color:#37444e}.password .input button{background:#0b001a;background:var(--text-color);border:none;border-radius:3px;cursor:pointer;padding:13px}.password .input button:hover{background-color:#bf90fc}.password p{letter-spacing:.5px;line-height:23px;text-align:center}.password p span{color:#d4af37;color:var(--gold)}.eachproject{font-family:Graphik;font-family:var(--font-1)}.eachproject .project-image{width:100%}.eachproject .header{align-items:center;display:flex;justify-content:space-between;margin-bottom:50px}.eachproject .header .logo:hover{cursor:pointer}.eachproject .header .navbar ol{display:flex;gap:50px;list-style:none}.eachproject .header .navbar ol li{color:#0b001a;color:var(--text-color);font-family:Graphik;font-family:var(--font-1)}.eachproject .header .navbar ol li button{align-items:center;background:none;border:none;border-bottom:1px solid;border-bottom:1px solid var(--font-1);color:#0b001a;color:var(--text-color);cursor:pointer;display:flex;font-size:16px;padding:3px 5px}.eachproject .header .navbar ol li button img{margin-left:10px}.eachproject .header .navbar ol li button:hover{border-bottom:1px solid;border-bottom:1px solid var(--font-1);color:#0b001a;color:var(--text-color)}.eachproject button{background:none;border:none;color:#fff;cursor:pointer;font-size:18px;font-weight:400}.eachproject button:hover{color:#0b001a;color:var(--text-color)}.eachproject .next,.eachproject .toback,.eachproject .tohome{align-items:center;color:#1e0044;color:var(--purple);display:flex;margin-bottom:30px}.eachproject .next img,.eachproject .toback img,.eachproject .tohome img{margin-right:10px}.eachproject .next img{margin-left:10px;margin-right:none}.eachproject .totop{align-items:center;color:#1e0044;color:var(--purple);display:flex;flex-direction:column}.eachproject .totop img{margin-bottom:10px}.eachproject .bottombuttons{margin:30px 0}.aboutme .header,.eachproject .bottombuttons{align-items:center;display:flex;justify-content:space-between}.aboutme .header{margin-bottom:50px}.aboutme .header .logo:hover{cursor:pointer}.aboutme .header .navbar ol{display:flex;gap:50px;list-style:none}.aboutme .header .navbar ol li{color:#0b001a;color:var(--text-color);font-family:Graphik;font-family:var(--font-1)}.aboutme .header .navbar ol li button{align-items:center;background:none;border:none;border-bottom:1px solid;border-bottom:1px solid var(--font-1);color:#0b001a;color:var(--text-color);cursor:pointer;display:flex;font-size:16px;padding:3px 5px}.aboutme .header .navbar ol li button img{margin-left:10px}.aboutme .header .navbar ol li button:hover{border-bottom:1px solid;border-bottom:1px solid var(--font-1);color:#0b001a;color:var(--text-color)}.aboutme .aboutmeimage{width:100%}.aboutme .about-text{color:#0b001a;color:var(--text-color);font-family:Graphik;font-family:var(--font-1);font-size:18px;letter-spacing:1px;line-height:1.5;margin:50px 200px;text-align:justify}.aboutme .about-text h1{color:#0b001a;color:var(--text-color);font-family:Graphik;font-family:var(--font-2);margin-bottom:10px}
/*# sourceMappingURL=main.62d01c87.css.map*/