#landing-svg { position: absolute; top: min(0rem, min(50vh - 100vw * 120 / 275, 50vh - 100vh * 185 / 250)); // top: max(0rem, min(50vh - 100vw * 230 / 275, 50vh - 100vh * 230 / 250)); // left: max(0rem, min(50vw - 100vw * 0.836, 50vw - 100vh * 0.91)); left: min(0rem, min(50vw - 100vw * 120/275, 50vw - 100vh * 140/250)); width: max(100vw, 100vh * 1.1); height: max(100vh, 100vw * 0.91); } @font-face { font-family: Circe; src: url("fonts/CRC35.otf") format("opentype"); } #landing-div { // transform: scale(min(100vw / 275mm, 100vh / 250mm)) translate(50vw - min(100vw / 275mm, 100vh / 255mm) * 230mm, 50vh - min(100vw / 275mm, 100vh / 250mm) * 185mm); } #whitepaper { cursor: pointer; }