@import url(https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;700&display=swap);
/*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;line-height:1.15;tab-size:4}body{margin:0}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-color:currentcolor}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}.button{font-weight:700}.button,.project-button{border-radius:.5rem;border-style:none;cursor:pointer;min-height:46px;width:100%}.project-button{align-items:center;background-color:var(--black);display:flex;font-weight:400;font-weight:500;justify-content:space-between;padding-left:1rem;padding-right:1rem;text-transform:capitalize}.project-button,.project-button *{color:var(--white)}.preview{display:flex;flex-direction:column;min-height:100dvh;padding:1rem;row-gap:3.5rem}.preview__nav{column-gap:1rem;display:flex}.preview__main{margin-top:4rem;padding:0 2rem}.preview__user-bio{align-items:center;display:flex;flex-direction:column;text-align:center}.preview__user-bio-avatar{align-items:center;background-color:#e0e0e0;border-radius:50%;display:flex;height:100px;justify-content:center;overflow:hidden;width:100px}.preview__user-bio-avatar img{height:100%;object-fit:contain;width:100%}.preview__user-bio-description h1{text-transform:capitalize}.preview__user-bio-description h4{color:var(--grey);font-weight:400}.preview__user-projects ul{display:flex;flex-direction:column;margin-left:auto;margin-right:auto;padding:0;row-gap:1rem;width:75%}.preview__user-projects a{min-height:50px;text-decoration:none}@media (min-width:768px){.preview{background-color:var(--light-grey)}.preview__nav-container{background-color:var(--purple);border-radius:0 0 25px 25px;height:300px;margin:-1rem;position:relative}.preview__nav{background-color:var(--white);border-radius:10px;justify-content:space-between;padding:1rem}.preview__nav>*{max-width:250px}.preview__main{background-color:var(--white);border-radius:25px;box-shadow:0 0 8px 2px rgba(0,0,0,.2);left:50%;margin-top:0;min-height:200px;min-width:350px;padding:2rem 3rem;position:absolute;top:70%;transform:translateX(-50%)}.preview__user-projects ul{width:auto}}:root{--purple:#633cff;--purple-hover:#beadff;--purple-light:#efebff;--white:#fff;--grey:#737373;--dark-grey:#333;--med-grey:#d9d9d9;--light-grey:#fafafa;--black:#1a1a1a;--red:#ff3939;--breakpoint-tablet:768px;--breakpoint-desktop:1440px}body,html{color:var(--dark-grey);font-family:Instrument Sans,sans-serif;line-height:150%}