:root{--primary: #0b000b;--secondary: #152cb5;--bg: #f6f1f1;--vibrant: #ff00ff;--hf: #d105d1;background-color:var(--bg);color:var(--primary);--font-family: "Lato", sans-serif;--font-size: 1rem;--line-height: 1.5rem;--h1-size: 2rem;--h2-size: 1.75rem;--h3-size: 1.2rem;--logo: 1.3rem;font-family:var(--font-family);--spacing-small: .5rem;--spacing-medium: 1rem;--spacing-large: 2rem;--spacing-xlarge: 3rem}h1{font-size:var(--h1-size);margin-top:var(--spacing-xlarge)}h2{font-size:var(--h2-size);margin-top:var(--spacing-xlarge)}h3{font-size:var(--h3-size)}p{font-size:var(--font-size);line-height:var(--line-height);margin-bottom:2rem}.btn-primary{width:auto;max-width:50%;padding-inline:1rem;padding-block:.5rem;font-size:var(--font-size);color:var(--bg);background-color:var(--secondary);border:none;border-radius:.5rem;cursor:pointer;margin-top:auto;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.btn-primary:hover,.btn-primary:focus-visible{color:var(--bg);background-color:var(--vibrant)}.btn-secondary{width:auto;max-width:50%;padding-inline:1rem;padding-block:.5rem;font-size:var(--font-size);color:var(--secondary);border:solid;border-radius:.5rem;cursor:pointer;margin-top:auto;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.btn-secondary:hover,.btn-secondary:focus-visible{color:var(--bg);background-color:var(--vibrant);border:solid}.cards{margin:0;padding:0;list-style:none;gap:2rem;display:grid;grid-template-columns:repeat(4,1fr)}.cards li{position:relative;flex-basis:18rem;flex-shrink:1;flex-grow:1;display:flex;flex-direction:column;box-shadow:0 0 .2rem #0003,0 0 .2rem #0000001a}.cards li .content{padding:0 1rem 1rem}.cards li img{width:100%;order:-1;height:15rem}.cards .overlay-link{position:absolute;inset:0;text-indent:100%;white-space:nowrap;overflow:hidden;transition:background-color .2s ease-in-out}.cards .overlay-link:hover,.cards .overlay-link:focus-visible{background-color:#604c871a}.skip-link{position:absolute;top:-4rem;left:1rem;background:#000;color:#fff;padding:.5rem 1rem;text-decoration:none;font-size:1rem}.skip-link:focus{top:1rem}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;flex-direction:column}nav ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;align-items:center}nav a{padding-inline:1rem;padding-block:1rem;margin-block:2rem;display:inline-block;text-decoration:none;transition:color .2s ease-in-out,background-color .2s ease-in-out;background-color:var(--primary);color:var(--bg)}nav a:hover,nav a:focus-visible{color:var(--vibrant)}nav li:first-child a{color:var(--hf);background-color:transparent;font-weight:bolder;font-size:3rem}header{color:var(--primary)}footer{flex:1;display:flex;background-color:var(--primary);color:var(--bg);margin-top:6rem}footer a{text-decoration:none;color:var(--bg)}.container{max-width:70rem;margin-inline:auto;padding-inline:1rem}@media(min-width:600px){nav ul{flex-direction:row;flex-wrap:wrap;justify-content:flex-start;margin-inline-start:-2rem}nav li:first-child{margin-inline-end:auto}}@media(min-width:600px){.form body{margin:.5rem}.form h1{font-size:3rem;font-weight:600;margin:0 0 2.5rem}}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.grid1{display:grid;grid-template-columns:repeat(4,25%);grid-template-rows:repeat(4,25%);gap:2rem}.grid1 a{text-decoration:none;color:#fff}.grid1>article{background-color:var(--secondary);color:var(--bg);text-align:center}.grid1>article:nth-child(1){grid-area:2 / 2 / 4 / 5}
