*,*:after,*:before{padding:0;margin:0;box-sizing:border-box;font-family:sans-serif}:root{--background-color: hsl(0, 0%, 96%);--background-color2: hsl(0, 0%, 90%);--surface-color: hsl(0, 0%, 90%);--text-color: hsl(0, 0%, 9%);--accent-color: hsl(48, 96%, 53%);--accent-color-2: hsl(41, 96%, 40%);--success-color: hsl(83, 78%, 55%);--success-color-2: hsl(142, 76%, 36%);--warning-color: hsl(27, 96%, 61%);--warning-color-2: hsl(21, 90%, 48%);--danger-color: hsl(0, 91%, 71%);--danger-color-2: hsl(0, 72%, 51%);--border1: hsl(0, 0%, 64%);--border2: hsl(0, 0%, 32%);--border3: hsl(0, 0%, 90%);--gradient: radial-gradient(circle at 50% 200%, hsl(0, 0%, 64%), hsl(0, 0%, 96%));--gradient-button: linear-gradient(to top, var(--accent-color), var(--accent-color-2));--gradient-button-hover: linear-gradient(to bottom, var(--accent-color), var(--accent-color-2));--gradient-button-disabled: linear-gradient(to top, rgb(0 0 0 / .6));--gradient-button-green: linear-gradient(to top, var(--success-color), var(--success-color-2));--gradient-button-green-hover: linear-gradient( to bottom, var(--success-color), var(--success-color-2) );--gradient-button-orange: linear-gradient(to top, var(--warning-color), var(--warning-color-2));--gradient-button-orange-hover: linear-gradient( to bottom, var(--warning-color), var(--warning-color-2) );--gradient-button-red: linear-gradient(to top, var(--danger-color), var(--danger-color-2));--gradient-button-red-hover: linear-gradient( to bottom, var(--danger-color), var(--danger-color-2) )}body{min-height:100vh;background-image:linear-gradient(var(--background-color),var(--background-color2));color:var(--text-color)}body.dark{--background-color: hsl(0, 0%, 4%);--background-color2: hsl(0, 0%, 15%);--surface-color: hsl(0, 0%, 15%);--text-color: hsl(0, 0%, 96%);--accent-color: hsl(264, 67%, 35%);--accent-color-2: hsl(263, 70%, 50%);--border1: hsl(0, 0%, 45%);--border2: hsl(0, 0%, 25%);--border3: hsl(0, 0%, 64%);--gradient: radial-gradient(circle at 50% 200%, hsl(0, 0%, 25%), hsl(0, 0%, 9%));--gradient-button: linear-gradient(to top, var(--accent-color), var(--accent-color-2));--gradient-button-hover: linear-gradient(to bottom, var(--accent-color), var(--accent-color-2))}.project-component{margin:1.5rem}a{text-decoration:none;color:var(--text-color)}.row{display:flex;flex-direction:row;align-items:center}