:root{--superhero: "Bangers", cursive;--fantasy: "MedievalSharp", cursive;--space: "Orbitron", sans-serif;--military: "Black Ops One", cursive;--romantic: "La Belle Aurore", cursive;--scary: "Creepster", cursive;--cowboy: "Rye", cursive;--regular: sans-serif;--font: var(--regular);--sharp: 0;--soft: 10px;--round: 100px;--image: var(--soft);--background: #778da9;--text: #222222;--light: var(--background);--dark: var(--text)}body,html{margin:0;padding:10px;background:var(--background);color:var(--text);font-family:var(--font)}nav{display:flex;justify-content:center;align-items:center}img{width:30%;border-radius:calc(var(--image) * 2);border:4px solid var(--text)}a{color:var(--text)}input{display:block;margin:20px 0 0;width:160px;box-sizing:border-box;padding:4px 8px;border-width:1px;border-style:solid;border-color:var(--text);color:var(--text);background:none;border-radius:var(--image);font-family:var(--font)}::placeholder{color:var(--text)}button{border-radius:var(--image);padding:5px 10px;border:none;background:var(--text);color:var(--background);font-weight:700;box-sizing:border-box;display:block;margin:8px 0;cursor:pointer;font-family:var(--font);width:160px}#projects{width:70%;display:flex;flex-direction:column;margin:0 auto;padding:16px;background-color:#a3bbd2;border-radius:10px}#learning{box-sizing:border-box;padding:2px 16px;width:30%;height:auto;flex:1 1 0;min-width:200px;align-content:center}#roadmap{width:auto;height:auto}#content{display:flex;flex-direction:row;gap:16px;align-items:flex-start;justify-content:space-between}.project{box-shadow:0 6px 12px #00000040;transition:.3s;background-color:#dcf0f5;border-radius:10px;padding:16px;margin:10px}.project:hover{box-shadow:0 8px 16px #0003}.separator{border:none;height:2px;background:var(--text);margin:16px 0}