: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);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.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{width:max-content;text-decoration-line:none;position:relative}a:after{bottom:0;left:0;content:"";width:0px;height:3px;position:absolute;background:linear-gradient(to right,red,purple);transition:all 1s linear}a:hover:after{width:100px}a:active{background-color:#00f}img{width:6em}p.hi{position:relative}p.hi:after{bottom:0;left:0;content:"";width:0px;height:3px;position:absolute;background:conic-gradient(green,red,purple);transition:all 1s linear}.disappear{display:none}@media (min-width: 700px){.main{display:block}.toggle-menu{display:none}.disappear{display:block}}@media (max-width: 700px){@keyframes sliding{0%{width:0px}to{width:100%}}.navigation-bar{display:flex;flex-direction:column;width:100%;padding:0;margin:0;align-items:center;animation:sliding 1s}.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!important;border-style:solid;border-color:#000!important;border-radius:10px;padding:1em;margin:1em;animation:none!important}.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!important;padding:.5em;border-color:#3cb371!important;border-radius:5px;animation:none!important}.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}}