:root{--font-large: clamp(12px, 1.5em, 50px);--font-medium: 1.25em;--font-small: clamp(8px, .75em, 14px);--color-one: #80a1d4;--color-two: #c0b9dd;--color-three: #75c9c8}body{background-color:var(--color-two);font-size:var(--font-medium)}.navigation-bar{display:flex;justify-content:space-between;list-style-type:none;background-color:var(--color-three);margin-right:35vw;margin-top:1em;margin-bottom:1em;font-family:sans-serif;font-size:var(--font-large);padding:1em 40px}nav ul li{padding:.5em;color:var(--color-one)}a:hover{background-color:var(--color-two)}a:active{background-color:#00f}img{width:6em}.disappear{display:none}@media (min-width: 700px){.toggle-menu{display:none}.disappear{display:block}}@media (max-width: 700px){.navigation-bar{display:flex;flex-direction:column;width:100%;padding:0;margin:0;align-items:center}.menu{width:80%}.toggle-menu{width:10%}}.bold{font-weight:700}.project-bubble .button{font-size:var(--font-large);border-radius:10px;transition:all .3s ease}.project-bubble .button:hover{height:1.75em;width:7em}.collapse{display:none}.project-bubble .text{display:flex}.project-bubble .text p{font-family:Lucida Sans;border-width:5px;border-style:solid;border-color:#000;border-radius:10px;padding:1em;margin:1em}.project-bubble .text img{margin-top:1em}.project-bubble .tags{display:flex;justify-content:space-evenly}.project-bubble .tags .link{width:10em;height:3em;font-size:.75em}.project-bubble .tags p{font-family:monospace;border-style:solid;border-width:3px;padding:.5em;border-color:#3cb371;border-radius:5px}.search input{width:20em;padding:1em}p{overflow-x:hidden;white-space:nowrap;border-right:2px solid black;animation:typing 5s steps(50,end),blinking 1s step-end infinite;max-width:max-content}@keyframes typing{0%{width:0%}to{width:100%}}@keyframes blinking{0%{border-right:0px}50%{border-right:solid black}}