@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";:root{--purple: #7d73ff;--darkpurple: #54508b;--lightpurple: #e8e7ff;--white: #ffffff;--offwhite: #f5f5f5;--black: #29292e;--grey: #d9d9d9;--font: "Inter", sans-serif;--font--thin: 100;--font--light: 300;--font--normal: 400;--font--bold: 600;--font--spacing: -.25rem;--font--size--big: 3.5rem;--font--size--text: 1.5rem;--font--size--links: 1.25rem;--box-shadow: rgba(0, 0, 0, .25) 0px 4px 4px}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--offwhite)}.z--index{z-index:10}.nav--bar{z-index:10;display:flex;justify-content:center;margin-top:30px;font-family:var(--font);font-weight:var(--font--bold);font-size:1.5rem;position:relative}ul{list-style:none;display:flex;gap:20px;margin:0;padding:0}li{display:flex}a{text-decoration:none;color:var(--black)}a:hover{color:var(--white)}.purple--background{background-color:var(--purple);position:absolute;top:0;z-index:-1;height:40rem;width:100%;box-shadow:var(--box-shadow)}.landing--page--introduction{position:relative;display:flex;z-index:1;padding:20px;color:#fff;text-align:center;width:35%;margin-left:400px;margin-top:100px}.landing--page--introduction h1{font-family:var(--font);font-weight:var(--font--bold);color:var(--offwhite);font-size:var(--font--size--big);letter-spacing:var(--font--spacing);padding:30px}.landing--page--introduction p{font-family:var(--font);font-weight:var(--font--normal);color:var(--offwhite);font-size:var(--font--size--text)}.landing--page--image{position:absolute;height:90%;right:8%;top:10%}.landing--page--introduction button{background-color:var(--purple);color:var(--white);width:17rem;height:3rem;border:none;border-radius:.8125rem;cursor:pointer;margin-top:180px;font-family:var(--font);font-size:var(--font--size--links);font-weight:var(--font--bold);box-shadow:var(--box-shadow)}.navlink--white{color:var(--white)}.navlink--purple{color:var(--purple)}.navlink--purple:hover{color:var(--black)}.projects--info{position:relative;display:flex;flex-direction:column;margin:80px auto 100px;max-width:50%;z-index:1}.projects--info h1{font-family:var(--font);font-weight:var(--font--bold);color:var(--offwhite);font-size:var(--font--size--big);letter-spacing:var(--font--spacing)}.projects--info p{font-family:var(--font);font-weight:var(--font--light);color:var(--offwhite);font-size:var(--font--size--text);padding-top:10px}.projects--info>button{background-color:var(--white);color:var(--purple);width:13.6rem;height:3rem;border:none;border-radius:.8125rem;cursor:pointer;margin-top:50px;align-self:center;font-family:var(--font);font-size:var(--font--size--links);font-weight:var(--font--bold);box-shadow:var(--box-shadow)}.projects--info>button:hover{color:var(--black)}.projects--container{display:flex;flex-wrap:wrap;width:70%;gap:100px;justify-content:space-between;align-content:center;margin:0 auto 100px}.project{background-color:var(--white);border-radius:.8rem;width:28rem;height:auto;padding:2rem;box-shadow:var(--box-shadow)}.project img{width:24rem}.project h2{font-family:var(--font);font-weight:var(--font--bold);color:var(--black);font-size:var(--font--size--text);text-align:center;padding-bottom:1.2rem}.tech--container{display:flex;justify-content:center;gap:10px;padding:5px}.tech--container img{width:20px}.tech--container img:nth-child(3){width:24px}.project p{font-family:var(--font);font-weight:var(--font--normal);color:var(--black);font-size:1.2rem;text-align:center;padding-top:10px;padding-bottom:20px}.btn--container{display:flex;justify-content:center;gap:70px;padding-top:10px}.btn{padding:10px 20px;background-color:var(--purple);color:var(--white);border:none;border-radius:1rem;font-family:var(--font);font-size:1rem;font-weight:var(--font--bold);text-align:center;flex:1;max-width:12rem}.btn:hover{box-shadow:var(--box-shadow)}.about--info{width:44%;display:flex;padding-top:30px;margin:0 auto 30px;border-bottom:2px solid var(--grey)}.about--info img{width:18rem;margin-bottom:-4px}.about--info-text--container h1{font-family:var(--font);font-weight:var(--font--bold);color:var(--offwhite);font-size:var(--font--size--big);letter-spacing:var(--font--spacing)}.about--info-text--container p{font-family:var(--font);font-weight:var(--font--light);color:var(--offwhite);font-size:1.43rem}.about--skills{border:1.25rem;background-color:var(--white);border-radius:20px;width:44%;display:flex;flex-flow:row;margin:0 auto;box-shadow:var(--box-shadow)}.skills--left{border-right:3px solid var(--grey)}.skills--flex{display:flex;flex-direction:column;align-items:center;text-align:center;padding:50px}.skills--flex h2{font-family:var(--font);font-weight:var(--font--bold);color:var(--black);font-size:var(--font--size--text);padding-bottom:1.5rem}.skills--flex p{font-family:var(--font);font-weight:var(--font--light);color:var(--black);font-size:var(--font--size--text);padding:10px}.skills--flex h3{font-family:var(--font);font-weight:var(--font--bold);color:var(--purple);font-size:var(--font--size--text)}.skills--flex ul{list-style-type:none;padding:10px 0 0;margin:0;display:block}.skills--flex ul li{display:block;text-align:center;font-family:var(--font);font-weight:var(--font--light);color:var(--black);font-size:var(--font--size--text);padding:2px}.circle{width:80px;height:80px;border-radius:50%;display:flex;justify-content:center;align-items:center;background-color:var(--darkpurple)}.circle img{width:40px;height:40px;filter:invert(100%) sepia(0%) saturate(0%) hue-rotate(218deg) brightness(108%) contrast(106%)}.contact--section{display:flex;gap:100px;justify-content:center;width:44%;padding:20px;margin:30px auto 0}.contact--details h2{font-family:var(--font);font-weight:var(--font--bold);color:var(--black);font-size:var(--font--size--text);padding-bottom:1.2rem}.contact--details p{font-family:var(--font);font-weight:var(--font--normal);color:var(--black);font-size:1.25rem}.contact--details ul{list-style-type:none;display:block;padding:0;margin:0}.contact--details ul li{font-family:var(--font);font-weight:var(--font--light);color:var(--black);font-size:1.25rem;padding-top:10px}.contact--formula{background-color:var(--purple);border-radius:1.25rem;padding:20px}.contact--formula form{display:flex;flex-direction:column;gap:30px}.contact--formula form input{height:2rem;border-radius:.56rem;border:none;box-shadow:var(--box-shadow)}.contact--formula form input::placeholder{padding:5px}.contact--formula form textarea{padding:5px;font-family:var(--font);font-weight:var(--font--light);color:#000;font-size:.9rem;border-radius:.56rem;box-shadow:var(--box-shadow)}.contact--formula button{cursor:pointer;color:var(--black);margin:0 auto;background-color:var(--white);box-shadow:var(--box-shadow)}.contact--formula button:hover{color:var(--purple)}.form--row{display:flex;gap:20px}.form--row input,.form--row textarea{flex:1}.about--buttons{display:flex;justify-content:center;align-content:center;text-align:center;margin-left:25px;margin-top:50px;margin-bottom:40px;gap:200px}.about--buttons button{padding:10px 20px;background-color:var(--purple);color:var(--white);border:none;border-radius:1rem;font-family:var(--font);font-size:1rem;font-weight:var(--font--bold);text-align:center;max-width:20rem;box-shadow:var(--box-shadow)}@media only screen and (min-device-width: 320px) and (max-device-width: 480px){.purple--background{height:100%}.landing--page--introduction{padding:0;color:#fff;text-align:left;width:40%;margin-left:0;margin-top:0}.landing--page--introduction h1{font-size:2rem;padding:10px;font-size:1.7rem;letter-spacing:0}.landing--page--introduction p{font-size:1rem;padding:10px}.landing--page--image{height:300px;right:0;top:22.1%;object-fit:cover}.landing--page--introduction button{width:15rem;height:3rem;margin-top:0;border-radius:.8125rem;font-size:var(--font--size--links)}.projects--container{gap:10px;margin-left:0}.project{transform:scale(.8)}.about--info{width:100%;padding:30px 20px 20px;border-bottom:0;margin-bottom:30px;display:flex;flex-direction:column}.about--info img{display:200px;margin-top:85px;margin-bottom:0;margin-left:50px}.about--skills{width:100%;flex-flow:column;border-radius:0}.skills--left{border-right:0px}.contact--section{gap:10px;flex-direction:column;width:100%;padding:30px;margin-top:50px}.contact--formula{border-radius:1rem;padding:20px}.form--row{display:flex;gap:10px}.form--row input,.form--row textarea{flex:1}.about--buttons{display:flex;justify-content:center;align-content:center;text-align:center;margin-left:0;margin-top:50px;margin-bottom:0;gap:10px}}@media only screen and (min-device-width: 481px) and (max-device-width: 768px){.purple--background{height:62%}.landing--page--introduction{padding:30px;color:#fff;text-align:left;width:60%;margin-left:0;margin-top:0}.landing--page--introduction h1{padding:10px;font-size:2rem;letter-spacing:0}.landing--page--introduction p{font-size:1.25rem;padding:10px}.landing--page--image{height:600px;right:10px;top:20%;object-fit:cover}.landing--page--introduction button{width:15rem;height:3rem;margin-top:80px;border-radius:.8125rem;font-size:var(--font--size--links)}.projects--container{gap:100px;margin-left:23%}.about--info{width:100%;padding:10px;margin-bottom:30px}.about--info img{width:300px;margin-top:30px}.about--info-text--container h1{font-size:5rem}.about--info-text--container p{font-size:1.4rem}.about--skills{background-color:var(--white);border-radius:20px;width:90%;display:flex;flex-flow:row;margin:0 auto;box-shadow:var(--box-shadow)}.about--buttons{display:flex;justify-content:center;align-content:center;text-align:center;margin-left:25px;margin-top:50px;margin-bottom:40px;gap:200px}.about--buttons button{padding:10px 20px;background-color:var(--purple);color:var(--white);border:none;border-radius:1rem;font-family:var(--font);font-size:1rem;font-weight:var(--font--bold);text-align:center;max-width:20rem;box-shadow:var(--box-shadow)}}@media only screen and (min-device-width: 2000px){.purple--background{height:60%}.landing--page--introduction{padding:5rem;color:#fff;text-align:left;width:60%;margin-left:0;margin-top:0}.landing--page--introduction h1{font-size:3rem!important;padding:10px;font-size:2rem;letter-spacing:0}.landing--page--introduction p{font-size:2rem;padding:10px}.landing--page--image{height:1000px;right:20rem;top:8.1%;object-fit:cover}.landing--page--introduction button{width:30rem;height:3rem;margin-top:25rem;margin-left:30rem;border-radius:.8125rem;font-size:var(--font--size--links);transform:scale(1.5)}.about--info{width:100%;padding:10px;margin-bottom:30px}.about--info img{width:300px;margin-top:30px}.about--info-text--container h1{font-size:5rem}.about--info-text--container p{font-size:1.4rem}.about--skills{background-color:var(--white);border-radius:20px;width:90%;display:flex;flex-flow:row;margin:0 auto;box-shadow:var(--box-shadow)}}