.wyvy { background: #fff; border: 1px solid #fff; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); border-radius: 12px; margin: 0 -10px -6px; position: relative; z-index: 2; padding: 1rem 1.6rem 2.7rem 18rem; } .wyvy form .dudiluh div { margin: 5px 0; } header label { color: #495057; margin-left: 1.2rem; } a#logo { position: absolute; top: -0.9rem; left: -3.8rem; } header nav a { color: #690905; transition: 0.25s; background: #f29914; border: 2px solid #fff; border-radius: 4px; margin: -2px 2px; padding: 0.6rem 1rem !important; } .pyxyz > div > div { position: relative; background: #540709; border: 1px solid #890e09; border-radius: 12px; padding: 12px; margin: 6px -12px; } .bedogit { background: #ffc305; border-color: #ffc305; color: #212529; } .bedogit:hover { background: 0 0; color: #ffc305; } .ramycu { border-color: #941a1a; background: #941a1a; color: #fff; } .ramycu:hover { background: 0 0; color: #941a1a; border-color: #941a1a; } .pyxyz table { position: relative; width: 100%; border-bottom: 1px dashed #941a1a; margin: 20px 0; } .mobyn { position: absolute; top: 0; right: 10px; color: #ffc305; display: inline-block; padding: 6px 20px; border-radius: 0.25rem; background: #540709; background-image: linear-gradient(90deg, #ffc305 50%, transparent 50%), linear-gradient(90deg, #ffc305 50%, transparent 50%), linear-gradient(0, #ffc305 50%, transparent 50%), linear-gradient(0, #ffc305 50%, transparent 50%); background-repeat: repeat-x, repeat-x, repeat-y, repeat-y; background-size: 10px 2px, 10px 2px, 2px 10px, 2px 10px; animation: running-contour 0.4s linear infinite; } @keyframes running-contour { from { background-position: 0 0, 8px 100%, 0 8px, 100% 0; } to { background-position: 8px 0, 0 100%, 0 0, 100% 8px; } } .puhegeh { padding: 20px !important; } .puhegeh ol, .puhegeh ul, .puhegeh dl { margin-bottom: 2rem; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 20px; color: #ffc305; } .puhegeh img { border-radius: 12px; margin-bottom: 10px; display: block; max-width: 236px; width: 100%; } footer > div { position: relative; background: #540709; border: 1px solid #890e09; border-radius: 12px 12px 0 0; padding: 12px; margin: 0px -12px 0 -12px; padding: 40px 20px 20px 20px; } footer ul, ul#map { padding-inline-start: 0px; } footer ul li, ul#map li { display: inline-block; vertical-align: top; margin-bottom: 0px; list-style-type: none; } footer ul li a, footer a.gopowem, ul#map li a { display: inline-block; font-weight: 400; margin-bottom: 20px; color: #212529; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #ffc305; background-color: #0000; border: 1px solid #ffc305; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; border-radius: 0.25rem; } #mn { max-height: 450px; overflow: hidden; } ul#map li{ list-style: none; } footer ul li a:hover, footer ul li a.gopowem, footer a.gopowem, ul#map li a { color: #000; background: #ffc305; border-color: #ffc305; text-decoration: none; } #popup { position: fixed; left: 50%; top: 45%; max-width: 400px; text-align: center; background: #540709; border: 1px solid #890e09; border-radius: 12px; padding: 40px 20px 20px; z-index: 9999; transform: translate(-50%, -400%); } .popup_active { transition: all 0.6s; transform: translate(-50%, -50%) !important; display: block; } #popup a { display: inline-block; font-size: 1.1rem; margin: 20px; padding: 10px 40px; color: #ffc305; border: 1px solid #ffc305; border-radius: 0.25rem; } #popup .gopowem { color: #212529; background: #ffc305; border-color: #ffc305; } #overlay { position: fixed; z-index: 999; left: 0; top: 0; width: 200%; height: 200%; background-color: rgba(0, 0, 0, 0.8); display: none; } #cl { position: absolute; top: 0px; right: 10px; font-size: 2rem; cursor: pointer; } table td { width: 75%; } table td:first-child { width: 25%; } table img { margin-right: 20px; border-radius: 12px; } .pemo a:not(.qydozin) { margin-right: 8px; line-height: 30px; text-decoration: underline; } #id { position: fixed; right: 30px; bottom: 30px; width: 150px; height: 150px; background: #fff url(/img/_gif3.gif) center no-repeat; z-index: 999; border-radius: 100%; border: 6px #fff solid; -webkit-box-shadow: rgb(0 0 0 / 60%) 4px 4px 16px 0; box-shadow: rgb(2 2 2 / 60%) 4px 4px 16px 0; } #id:before { content: "🗨️"; position: absolute; top: 110px; left: 10px; width: 36px; height: 36px; background: #f29914; border-radius: 100%; line-height: 36px; text-align: center; } ul.myfyzu a, ul.myfyzu span, ul.myfyzu strong { margin-bottom: 8px; padding: 4px 20px; display: inline-block !important; line-height: 30px; vertical-align: text-top; border: 1px solid; } .video { position: relative; margin-bottom: 20px; padding-bottom: 56.25%; height: 0; overflow: hidden; } .video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-width: 0; outline-width: 0; } @media (max-width: 1028px) { .wyvy { margin: 0 -10px 6px; padding: 1rem 1rem; } a#logo { position: relative; top: 0rem; left: 1.8rem; } table img { margin: 0 auto 10px; } td { width: 100%!important; display: block; } table td:first-child { width: 100%!important; } } @media (max-width: 960px) { .wyvy { display: none; } }