*{box-sizing:border-box;margin:0;padding:0}:root{--padding-horizontal: 30px;--padding-vertical: 40px;--border-spacer: 8px;--border-header: 2px;--font-family: Comfortaa, sans-serif;--header-1-size: 36px;--header-2-size: 24px;--year-size: 24px;--paragraph-size: 20px;--primary-color: black;--secondary-color: white;--grey-b-color: #6B6B6B;--grey-m-color: #B4B1B1;--grey-f-color: #DADADA;--y-1983-color: #B5829A;--y-1993-color: #A3A04D;--y-2003-color: #7CC4C5;--y-2013-color: #009572;--y-2023-color: #BB2648;--out-color: #03A4FF;--it-color: #013451;--ego-color: #034F79;--super-ego-color: #0079BD;--universe-color: #6ECBFF;--back-color: #E1DBD5}.header{display:grid;grid-template-columns:repeat(2,auto);align-items:end;justify-content:space-between;padding-bottom:var(--border-spacer);border-bottom:var(--border-header) solid var(--primary-color);width:100%}.header__name{font-size:var(--header-1-size)}.header__year{font-size:var(--year-size)}.app{padding:calc(var(--padding-vertical) - var(--border-spacer)) calc(var(--padding-horizontal) - var(--border-spacer));margin:0;border:var(--border-spacer) solid var(--primary-color);background-color:var(--back-color);font-family:var(--font-family)}.nav{--circle-size: 44px;display:grid;grid-template-rows:repeat(4,1fr);gap:var(--padding-vertical);align-items:center;padding:0;margin:0;list-style:none}@media (min-width: 630px){.nav{--circle-size: 75px;grid-template-columns:repeat(4,157.5px);grid-template-rows:unset;gap:0;justify-items:center}}.nav__link{display:grid;grid-template-columns:min-content max-content;gap:calc(var(--padding-vertical) / 2);align-items:center;font-size:var(--header-2-size);text-align:center;line-height:1}@media (min-width: 630px){.nav__link{justify-self:center;grid-template-rows:repeat(2,min-content);grid-template-columns:unset;justify-content:center}}.nav__link:hover{cursor:pointer}.nav__link:hover.nav__link--projects:before{background-color:var(--y-2023-color)}.nav__link:hover.nav__link--area:before{background-color:var(--y-2013-color)}.nav__link:hover.nav__link--resources:before{background-color:var(--y-2003-color)}.nav__link:hover.nav__link--archives:before{background-color:var(--y-1993-color)}.nav__link:before{justify-self:center;content:" ";height:var(--circle-size);width:var(--circle-size);background-color:#bbb;border-radius:50%;display:inline-block}.nav__link--projects:before{background-color:var(--it-color)}.nav__link--area:before{background-color:var(--ego-color)}.nav__link--resources:before{background-color:var(--super-ego-color)}.nav__link--archives:before{background-color:var(--universe-color)}.home{--logo-size: 377px;--min-logo-width: 75.625vw;display:flex;flex-direction:column-reverse;gap:var(--padding-vertical);align-items:start;justify-content:flex-end;min-height:calc(100vh - var(--header-1-size) - var(--border-spacer) * 3 - var(--border-header) * 3 - (var(--padding-vertical) - var(--border-spacer)) * 2);padding:var(--padding-vertical) calc((100vw - min(var(--logo-size),var(--min-logo-width)))/2)}@media (min-width: 630px){.home{gap:0px;align-items:center;justify-content:center}}.home__logo{align-self:center;justify-self:center;display:grid;align-items:end;min-width:min(var(--logo-size),75.625vw);min-height:min(var(--logo-size),75.625vw);padding:var(--padding-vertical) 0px;background-image:url(/logo.svg);background-repeat:no-repeat;background-position:50%;background-size:min(var(--logo-size),75.625vw)}@media (min-width: 630px){.home__logo{flex:1}}.home__description{display:none;text-align:center;font-size:var(--paragraph-size);width:min(630px,75.625vw)}@media (min-width: 630px){.home__nav:has(.nav__link:hover)~.home__logo>.home__description{display:block}}.home__nav:has(.nav__link--projects:hover)~.home__logo{background-image:url(/logo-2023.svg)}@media (min-width: 630px){.home__nav:has(.nav__link--projects:hover)~.home__logo>.home__description{color:var(--y-2023-color)}}.home__nav:has(.nav__link--area:hover)~.home__logo{background-image:url(/logo-2013.svg)}@media (min-width: 630px){.home__nav:has(.nav__link--area:hover)~.home__logo>.home__description{color:var(--y-2013-color)}}.home__nav:has(.nav__link--resources:hover)~.home__logo{background-image:url(/logo-2003.svg)}@media (min-width: 630px){.home__nav:has(.nav__link--resources:hover)~.home__logo>.home__description{color:var(--y-2003-color)}}@media (min-width: 630px){.home__nav:has(.nav__link--archives:hover)~.home__logo{background-image:url(/logo-1993.svg)}}@media (min-width: 630px){.home__nav:has(.nav__link--archives:hover)~.home__logo>.home__description{color:var(--y-1993-color)}}