body{background-color:var(--primary)}#home{flex-direction:column;align-items:center;display:flex}#intro{flex-direction:row;place-content:center;gap:5rem;width:fit-content;margin:5rem;display:flex}#intro-text{background-color:var(--primary);height:auto;color:var(--accent);border-radius:.5rem;width:fit-content;padding:2rem}#intro-text>h1{font-size:6rem}#intro-text>p{font-size:2rem}#intro-img{width:25rem;height:25rem}.text{width:80vw;color:var(--accent);border-radius:.5rem;padding:.5rem;font-size:1.5rem}#projects{flex-direction:column;align-items:center;gap:10vh;margin-top:0;display:flex}#projects>#intro-text{flex-direction:column;align-items:center;display:flex}.container{color:var(--accent);flex-direction:row;align-items:center;gap:5rem;padding:.5rem;font-size:1.5rem;display:flex}h2{width:fit-content}.heading{flex-direction:row;align-items:center;gap:4rem;display:flex}.tools{background:var(--primary);border-radius:.5rem;flex-direction:row;align-items:center;gap:.5rem;padding:.5rem;display:flex}#text{padding:0}.button{background:var(--accent);color:var(--primary);border:none;border-radius:.5rem;flex-direction:row;align-items:center;gap:.5rem;padding:.5rem;font-size:1.5rem;font-weight:700;display:flex}.button:hover{cursor:pointer;background:var(--accent2)}a{color:var(--accent2);font-size:1.5rem;text-decoration:none}.project-img{border-radius:1rem;width:30vw}.description{width:40vw}.description>.text{width:fit-content}:root{--primary:#0f1115;--accent:#f0a83c;--accent2:#ede6db}body{font-family:Google Sans Flex}#navbar{background-color:var(--primary);color:var(--accent);flex-direction:row;gap:2rem;margin:0;padding:4rem 10rem 0;list-style:none;display:flex}#navbar>li>a{color:var(--accent);font-size:2rem;text-decoration:none}#navbar>li>a:hover{color:var(--accent2)}#footer{color:var(--primary);flex-direction:row;gap:2rem;margin:0;padding:1rem 0 0;list-style:none;display:flex}#footer>li>a{color:var(--accent)}body{margin:0;padding:0}#push-right{margin-left:auto}footer{background-color:var(--primary);width:100vw;color:var(--accent);flex-direction:column;align-items:center;display:flex}.svg{width:2rem;height:2rem}