@import"https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700&display=swap";:root{--color-primary-0: #cce5ff;--color-primary-1: #aad4ff;--color-primary-2: #80bfff;--color-primary-3: #55aaff;--color-primary-4: #2b94ff;--color-primary-5: #007fff;--color-primary-6: #006ad4;--color-primary-7: #0055aa;--color-primary-8: #004080;--color-primary-9: #002a55;--color-primary-10: #001933;--color-neutral-white: #fff;--color-neutral-0: #eff0f2;--color-neutral-1: #e4e6e9;--color-neutral-2: #d6dade;--color-neutral-3: #c8ced3;--color-neutral-4: #bbc1c8;--color-neutral-5: #adb5bd;--color-neutral-6: #90979d;--color-neutral-7: #73797e;--color-neutral-8: #575b5f;--color-neutral-9: #3a3c3f;--color-neutral-10: #232426;--color-neutral-black: #131314;--tablet-min-width: 768px;--desktop-min-width: 1025px;--container-max-width: 1280px;--content-container-max-width: 1000px}html,body{scroll-behavior:smooth;font-family:Manrope,sans-serif;font-weight:500;background-color:var(--color-neutral-white);color:var(--color-neutral-black)}main{display:flex;flex-direction:column;gap:6rem;padding:9rem 1rem}.container{max-width:var(--container-max-width);margin:auto}.content-container{max-width:var(--content-container-max-width);margin:auto}h1,h2,h3{font-weight:700;line-height:125%}h1{font-size:2.75rem}h2{font-size:2rem}h3{font-size:1.5rem}a{text-decoration:none;color:var(--color-primary-5)}a:hover{text-decoration:underline}.btn{background-color:var(--color-primary-5);color:var(--color-neutral-white);padding-left:1rem;padding-right:1rem;display:flex;align-items:center;gap:.5rem;height:2.5rem;border:none;border-radius:4rem;font-weight:600;transition:transform .25s}.btn:hover{text-decoration:none;transform:translateY(-.2em)}header{display:flex;flex-direction:column;padding:1.5rem 1rem;gap:1rem}.header--title{display:flex;justify-content:space-between;align-items:center}.header--name{color:var(--color-primary-5)}header nav ul{display:flex;list-style:none;gap:1rem;align-items:center;padding-left:0;flex-wrap:wrap}header nav ul li a{color:var(--color-neutral-black)}header nav ul li a.btn{color:var(--color-neutral-white)}@media only screen and (min-width: 768px){header{display:flex;flex-direction:row;justify-content:space-between}}#hero{display:flex;flex-direction:column;gap:1rem}.hero--intro-text,.hero--description{font-size:1.5rem}.hero--intro-text{color:var(--color-primary-5)}.hero--description{color:var(--color-neutral-7)}.hero--description span{color:var(--color-neutral-black)}.hero--social-links{display:flex;flex-wrap:wrap;gap:.5rem}.hero--social-links a{background-color:var(--color-neutral-0);color:var(--color-neutral-black)}@media only screen and (min-width: 768px){.hero--intro-text,.hero--description{font-size:2rem}}#about{display:flex;flex-direction:column;gap:1.5rem}@media only screen and (min-width: 768px){#about{flex-direction:row}}#projects,.project--item{display:flex;flex-direction:column;gap:1.5rem}.project--item--description{display:flex;flex-direction:column;gap:1rem}.project--item--actions{display:flex;gap:.5rem}@media only screen and (min-width: 768px){.project--item{flex-direction:row;align-items:center;gap:4rem}}#guestbook{display:flex;flex-direction:column;gap:1.5rem;width:100%}.guestbook--content{display:flex;flex-direction:column;gap:1rem}.guestbook--content--form{display:flex;flex-direction:column;background-color:var(--color-neutral-0);padding:2rem;gap:1rem;border-radius:2rem;flex:1;height:100%}.guestbook--content--form input,.guestbook--content--form textarea{border:0;border-radius:.5rem;padding:1rem}.guestbook--content--form input{height:2.5rem}.guestbook--content--form textarea{height:8rem;flex:1}.guestbook--content--reviews{display:flex;flex-direction:column;gap:1rem;flex:1}.guestbook--content--review{display:flex;flex-direction:column;gap:.5rem;padding:2rem;border:.5px solid var(--color-neutral-2);border-radius:1rem}.guestbook--content--review--name{display:flex;flex-direction:row;gap:.5rem;align-items:center}.circle{width:1rem;height:1rem;background-color:#007fff;border-radius:50%;display:inline-block}.guestbook--content--review--date{color:var(--color-neutral-7)}button.btn{width:fit-content}@media only screen and (min-width: 768px){.guestbook--content{flex-direction:row}}*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body{height:100%}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}