diff --git a/css/global.css b/css/global.css index aec8dbc..2a55b7e 100644 --- a/css/global.css +++ b/css/global.css @@ -817,53 +817,49 @@ a:hover { } -/* ========================= - * LOCKED DESIGN FRAME - = *======================== */ -.page-frame { - position: relative; - width: 1920px; - margin: 0 auto; -} - -/* ========================= - * BANNERS INSIDE FRAME (NOT VIEWPORT) - = *======================== */ -.left_banner, -.right_banner { - position: absolute; +.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: 9999; - pointer-events: none; + z-index: 94; + } -/* images */ -.left_banner { - background-image: url("https://www.veltron.net/images/dragon.png"); - top: 250px; - left: 40px; -} + + .right_banner { - background-image: url("https://www.veltron.net/images/digimon.png"); + 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; + } + + + /* ========================= - * RESPONSIVE SCALING (SAFE ZOOM ONLY) + * BELOW 1920 (HIDE) = *======================== */ -@media (max-width: 1920px) { - .page-frame { - transform: scale(calc(100vw / 1920)); - transform-origin: top center; +@media (max-width: 1870px) { + .left_banner, + .right_banner { + display: none !important; } }