* {  margin: 0;  box-sizing: border-box;  font-family: HelveticaNeue, Helvetica, sans-serif;}.nav {  color: white;}.nav__trigger-finger {  position: fixed;  bottom: 10px;  right: 10px;  z-index: 10;  display: flex;  align-items: center;  width: 15px;  height: 10px;  margin: 40px;  color: #ffffff;}.nav__trigger-finger span {  display: block;  width: 100%;  height: 2px;  transition: -webkit-transform 1s cubic-bezier(0.75, 0, 0.25, 1);  transition: transform 1s cubic-bezier(0.75, 0, 0.25, 1);  transition: transform 1s cubic-bezier(0.75, 0, 0.25, 1), -webkit-transform 1s cubic-bezier(0.75, 0, 0.25, 1);  background: currentColor;}.nav__trigger-finger span::before, .nav__trigger-finger span::after {  content: "";  position: absolute;  left: 0;  right: 0;  display: block;  height: 2px;  background: currentColor;  transition: top 0.4s 0.4s cubic-bezier(0.75, 0, 0.25, 1), background 0.2s cubic-bezier(0.75, 0, 0.25, 1), -webkit-transform 0.4s cubic-bezier(0.75, 0, 0.25, 1);  transition: transform 0.4s cubic-bezier(0.75, 0, 0.25, 1), top 0.4s 0.4s cubic-bezier(0.75, 0, 0.25, 1), background 0.2s cubic-bezier(0.75, 0, 0.25, 1);  transition: transform 0.4s cubic-bezier(0.75, 0, 0.25, 1), top 0.4s 0.4s cubic-bezier(0.75, 0, 0.25, 1), background 0.2s cubic-bezier(0.75, 0, 0.25, 1), -webkit-transform 0.4s cubic-bezier(0.75, 0, 0.25, 1);}.nav__trigger-finger span::before {  top: 0;}.nav__trigger-finger span::after {  top: calc(100% - 2px);}.nav__trigger-input, .nav__submenu-trigger-input {  opacity: 0;  width: 0;  height: 0;  -webkit-appearance: none;     -moz-appearance: none;          appearance: none;  position: fixed;}.nav__trigger-input:focus + label {  color: white;}.nav__trigger-input:focus + label::before {  opacity: 1;}.nav__trigger-input:checked + label {  height: 10px;  color: white;}.nav__trigger-input:checked + label span {  -webkit-transform: rotate(45deg);          transform: rotate(45deg);}.nav__trigger-input:checked + label span::before, .nav__trigger-input:checked + label span::after {  top: calc(50% - 1px);  transition: top 0.4s cubic-bezier(0.75, 0, 0.25, 1), background 0.2s cubic-bezier(0.75, 0, 0.25, 1), -webkit-transform 0.4s 0.4s cubic-bezier(0.75, 0, 0.25, 1);  transition: transform 0.4s 0.4s cubic-bezier(0.75, 0, 0.25, 1), top 0.4s cubic-bezier(0.75, 0, 0.25, 1), background 0.2s cubic-bezier(0.75, 0, 0.25, 1);  transition: transform 0.4s 0.4s cubic-bezier(0.75, 0, 0.25, 1), top 0.4s cubic-bezier(0.75, 0, 0.25, 1), background 0.2s cubic-bezier(0.75, 0, 0.25, 1), -webkit-transform 0.4s 0.4s cubic-bezier(0.75, 0, 0.25, 1);}.nav__trigger-input:checked + label span::after {  -webkit-transform: rotate(90deg);          transform: rotate(90deg);}.nav__trigger-input:checked ~ ul {  z-index: 9;  -webkit-transform: none;          transform: none;  transition: 0.5s cubic-bezier(0.75, 0, 0.25, 1);}.nav__list {  position: fixed;  top: 0;  left: 0;  bottom: 0;  right: 0;  z-index: -1;  background-color:rgba(0,0,0,0.0);  font-size: 4rem;  padding: 0px;  -webkit-transform: translate(100vw) rotate(45deg);          transform: translate(100vw) rotate(45deg);  transition: 0.2s cubic-bezier(0.75, 0, 0.25, 1);}.nav__item {  list-style: none;}.nav__item + .nav__item {  margin-top: 0px;}.nav__submenu-trigger-input:checked + label::after {  -webkit-transform: translateY(10px);          transform: translateY(10px);}.nav__submenu-trigger-input:checked ~ ul {  display: block;}.nav__submenu-trigger-input:focus + label::after {  -webkit-transform: translateY(5px);          transform: translateY(5px);}.nav__submenu-trigger-finger::after {  content: '';  display: inline-block;  border: 0px solid transparent;  border-top-color: white;  transition: 0.4s cubic-bezier(0.75, 0, 0.25, 1);}.nav__link {  text-decoration: none;  color: inherit;}.nav__list-child {  display: none;  font-size: 2rem;  margin-top: 0px;  padding-left: 0rem;}main {  padding: 0rem 0rem;}