body{--color-text:#fff;--color-bg:#1f174e;--color-bg-2:#151436;--color-bg-3:#000;--color-link:#fff;--color-link-hover:#fff;background:radial-gradient(ellipse at 30% 48%,var(--color-bg) 0,var(--color-bg-2) 45%,var(--color-bg-3) 150%)}
.contact {width: 100%; bottom: 20px; position: absolute; text-align: center; z-index: 99999;}
.legal {right: 20px; top: 20px; position: absolute; z-index: 99999;}
.logo {position: relative; width: 50%; height: 100%; margin-left: auto; margin-right: auto;}
.logo img {position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; right: 0; margin: auto; text-align: center;}
.modal-window {position: fixed;
  color: #000; background-color: rgba(0, 0, 0, 0.25); top: 0; right: 0; bottom: 0; left: 0; z-index: 999; visibility: hidden; opacity: 0; pointer-events: none; -webkit-transition: all 0.3s; transition: all 0.3s;}
.modal-window:target {visibility: visible; opacity: 1; pointer-events: auto;}
.modal-window > div {width: 50%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding: 3.5em; background: #ffffff;}
.modal-close {color: #000; line-height: 50px; font-size: 100%; font-weight: bold; position: absolute; right: 0; text-align: center; top: 0; width: 60px; text-decoration: none;}
.modal-close:hover {color: black;}