diff --git a/css/global.css b/css/global.css index 2e66826..08a07aa 100644 --- a/css/global.css +++ b/css/global.css @@ -817,69 +817,42 @@ a:hover { } -/* ========================= - * BASE (always stable foundation) - = *======================== */ -.left_banner, -.right_banner { - position: fixed; +.left_banner { + position:fixed; + top: 250px; + left: 40px; width: 383px; height: 626px; - + background-image: url("https://www.veltron.net/images/dragon.png"); background-size: contain; background-position: center; background-repeat: no-repeat; - animation: float 6s ease-in-out infinite; z-index: 94; - pointer-events: none; + } -/* always define images ONCE (no duplication bugs) */ -.left_banner { - background-image: url("https://www.veltron.net/images/dragon.png"); -} + + .right_banner { + position:fixed; + top: 150px; + right: 40px; + width: 383px; + height: 626px; background-image: url("https://www.veltron.net/images/digimon.png"); + background-size: contain; + background-position: center; + background-repeat: no-repeat; + animation: float 6s ease-in-out infinite; + z-index: 94; + } -/* ========================= - * 1920+ DESKTOP (NORMAL SIZE) - = *======================== */ -@media (min-width: 1920px) { - .left_banner { - top: 250px; - left: 40px; - } - .right_banner { - top: 150px; - right: 40px; - } -} -/* ========================= - * 1280–1919 (SMALL VERSION, STILL VISIBLE) - = *======================== */ -@media (max-width: 1919px) and (min-width: 1280px) { - .left_banner, - .right_banner { - width: 220px; - height: 360px; - } - - .left_banner { - top: 180px; - left: 10px; - } - - .right_banner { - top: 120px; - right: 10px; - } -} /* ========================= * BELOW 1280 (HIDE)