Template:Mquiza/general.css

.mainframe.black {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAIAAAACDbGyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjgzMzUwNDAwQ0RDQzExRUE5OUNCQ0Q5NDA3ODk4RUE5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjgzMzUwNDAxQ0RDQzExRUE5OUNCQ0Q5NDA3ODk4RUE5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODMzNTAzRkVDRENDMTFFQTk5Q0JDRDk0MDc4OThFQTkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6ODMzNTAzRkZDRENDMTFFQTk5Q0JDRDk0MDc4OThFQTkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5ItLfuAAAAJ0lEQVR42mIUFBQUEhJigAEmZM67d++YkDlAOSZkDkg9MgcIAAIMAI/tDHMC7fUsAAAAAElFTkSuQmCC');
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 4px 4px;
    min-height: 3rem;
    position: relative;
    margin-bottom: 1.5rem;
    max-width: 1080px;
}

.mainframe.black .head {
    font-size: 1.2rem;
    font-weight: bold;
    letter-spacing: 0.12rem;
    color: #fff;
    height: 42px;
    line-height: 42px;
    padding-left: 1rem;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHsAAACWCAMAAADJwwcRAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAANmaVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzE0NSA3OS4xNjM0OTksIDIwMTgvMDgvMTMtMTY6NDA6MjIgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6NkM5RDlBRkYzMUJGRTUxMTlBRjU4RUZGNEZBMTIzQUQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTE0QzhDOUI5RDI0MTFFQUFCMjlCMDY2NTY0QTE4QkEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTE0QzhDOUE5RDI0MTFFQUFCMjlCMDY2NTY0QTE4QkEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpENzQxOTRENzlEMDUxMUVBQTYxRURCMkYwRjhEOEMxMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpENzQxOTREODlEMDUxMUVBQTYxRURCMkYwRjhEOEMxMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtvxA70AAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAABOFBMVEVMaXH/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QD/8QC+zE5ZAAAAZ3RSTlMA/g8VCQP5fwEG/PUc0hfw69m6qbdx5DgNTy2O2+jBMkeD3cXMIhJWn/PPG8euQJHVnN7NmbBoYasmfCSByaCiO2/uPuWJCMK9ZFy0eAyXRF9ThydKNSp+BLJqlR+/jUgw4Vel4KT2FDm6FAAAArtJREFUeNrF2udSWlEAReELAlJULEgRBbG3gKYZlSRG1MQUMcVuNJ33f4McHmHP7Jl1XuAbhj93nX2iyHMGe9ppRLaj0kccXeXoVhqjTzl6i6NXOPp3EqNfcPSjK4y+zmB0gaPHjzH6XQKjaxw9/wmjX8YxeoGj15YwengAozc5emwEo6fXMXpuCKN/3mF0cQ+jDzl65itGj15w9BRGH9QxOn/O0SWMzu1zdIejuxidmuXobxxdwejsZ45e5uj3GB3b5ugTjr7B6N4bjp7k6I8cfcnRbY4+4ugqR/vu4mX6lKO3OHqFo/8mMXqCo3138TLtu4uX6QJH++7iZdp3Fy/TNY723cXL9EYcoxc42ncXL9O+u3iZ3uRo3128TBvv4hvcXXwUVTW7Y6Sj9FPud0fpV9T/HU5ygtqcwsk8o7a2Pj5ObYzhJGrUthpOeYPalMOJP6G29HAGhrXvlrITHxmT8LcJJz70WMK/W/HFovZ9bsV3Zqg3QuFMjUr4Bytez2sdasVLq9RbuHCaOSj++2c2JeGvrXhFw40PL8NZzlIPTsPZjkn4rRV/ruEtpx1Nal/O91Z8V8O/WHExWNpWXAyWS6ctBotxrNGDxThS6cFiHOf0YDGOknqwGMdYPViMI7QeLMbxXQ+W7C8wWIyPLfRgMT4y0YPF+LhGD5bUAxgs/7pOXAyWXBMMlpz1DlAMltV9MFiMjyX1YMnXnbgYLAc/wGAxvswN50xrBuOLZD1YjC+x9WAxPn7Xg6W4CAbLnzsnLgaLdeVQg8W6cqjBYl051GCxrhxisHhXjkyBWq31YPGuHGKweFcOMVi8K4cYLN6VQwwW78ohBot35RCDxbtyiMHiXTnEYPGuHGKweFcOMVi8K4cYLN6VQwwW78ohBot35RCDxbtyiMHiXTnEYPGuHGKweFcOMVh67f87CSnywOCX9gAAAABJRU5ErkJggg==') repeat-x;
    background-size: contain;
    text-shadow: -2px 2px 5px #000, 2px 2px 5px #000, 2px -2px 5px #000, -2px -2px 5px #000;
}

.mainframe.black .body {
    color: #fff;
    padding: 1rem;
    font-size: 1rem;
    line-height: 1.5rem;
}

.mainframe.black .fs {
    width: 100px;
    height: 100px;
    position: absolute;
    right: 0;
    top: 0;
    overflow: hidden;
}

.mainframe.black .fs > div {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOEAAADgCAMAAADCMfHtAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAANmaVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjAtYzA2MSA2NC4xNDA5NDksIDIwMTAvMTIvMDctMTA6NTc6MDEgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6NDFEMjg4RDg3NERGRTUxMUJGMTBCMjU2NjUxRUExQUEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUQxREUxQTVERjc2MTFFNTlCQjlCNUQ5MEVFRDQ4QzIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUQxREUxQTRERjc2MTFFNTlCQjlCNUQ5MEVFRDQ4QzIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0MUQyODhEODc0REZFNTExQkYxMEIyNTY2NTFFQTFBQSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0MUQyODhEODc0REZFNTExQkYxMEIyNTY2NTFFQTFBQSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9y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');
    background-size: cover;
    width: 80px;
    height: 80px;
    transform: rotate(35deg);
    margin: -15px 0 0 30px;
}

.hintText, .opinionsText, .answerText {
    display: none;
}

.buttons {
    display: flex;
    justify-content: space-between;
}

.buttons div {
    cursor: pointer;
    text-align: center;
    font-weight: bold;
    letter-spacing: 0.12rem;
    color: #000;
    text-shadow: -1px 1px 2px #fff, 1px 1px 2px #fff, 1px -1px 2px #fff, -1px -1px 2px #fff;
    -webkit-user-select: none;
    user-select: none;
    transition: all 0.2s linear;
    padding: 3px;
}

.hint {
    flex: 1 30px; 
}

.opinions {
    flex: 1 30px;
}

.blank {
    flex: 4 0;
}

.answerButton {
    flex: 1 30px;
}

.show {
    display: block;
}

.hintText, .opinionsText, .answerText {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAIAAAACDbGyAAAACXBIWXMAAAsTAAALEwEAmpwYAAAGlmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNy4xLWMwMDAgNzkuYTg3MzFiOSwgMjAyMS8wOS8wOS0wMDozNzozOCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjItMDEtMTZUMTM6NTk6MDIrMDg6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIyLTAxLTE2VDE0OjA0KzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIyLTAxLTE2VDE0OjA0KzA4OjAwIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjY2OWRiNzQ5LWUzZjItYjM0MS1iMTdkLTE0ODYyMmY5NzRjZSIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjRlNzMxNjIzLWE2NzYtM2I0NS1iYzI3LWRiMTc2OWRmZWM1ZCIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjgzMzUwNDAxQ0RDQzExRUE5OUNCQ0Q5NDA3ODk4RUE5IiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjgzMzUwM0ZFQ0RDQzExRUE5OUNCQ0Q5NDA3ODk4RUE5IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjgzMzUwM0ZGQ0RDQzExRUE5OUNCQ0Q5NDA3ODk4RUE5Ii8+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjhmZGE4MjQ4LTg1OGQtYzk0Ny1hYjcwLTY1MGI4MjZiYjAzNiIgc3RFdnQ6d2hlbj0iMjAyMi0wMS0xNlQxNDowNCswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIzLjAgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo2NjlkYjc0OS1lM2YyLWIzNDEtYjE3ZC0xNDg2MjJmOTc0Y2UiIHN0RXZ0OndoZW49IjIwMjItMDEtMTZUMTQ6MDQrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMy4wIChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6fcmoDAAAAHklEQVQIHWOoQAL+/v4MQIwsxAARRuEjCzEgawaSAB7DIMI4HrOuAAAAAElFTkSuQmCC');
    border: 2px solid #525252;
    border-radius: 3px;
    margin-top: 15px;
    padding: 10px;
}

.green {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAIAAAACDbGyAAAACXBIWXMAAAsTAAALEwEAmpwYAAAGomlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNy4xLWMwMDAgNzkuYTg3MzFiOSwgMjAyMS8wOS8wOS0wMDozNzozOCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjItMDEtMTZUMTM6NTk6MDIrMDg6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIyLTAxLTE2VDE2OjA3OjU0KzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIyLTAxLTE2VDE2OjA3OjU0KzA4OjAwIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjVjYjgwZjI2LTNkM2UtNWU0Zi1hY2ZiLTBkODljOTA2NDM4ZiIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjQ0MGQ0OGQzLTA1MjktMTc0OS1iMGJhLWI5Y2I4YTZhNmY0MiIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjgzMzUwNDAxQ0RDQzExRUE5OUNCQ0Q5NDA3ODk4RUE5IiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjgzMzUwM0ZFQ0RDQzExRUE5OUNCQ0Q5NDA3ODk4RUE5IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjgzMzUwM0ZGQ0RDQzExRUE5OUNCQ0Q5NDA3ODk4RUE5Ii8+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjYxYjQ2MGRiLTg2NzQtNjI0OS1hZjI2LWU5MGMwZTBlYjkwYiIgc3RFdnQ6d2hlbj0iMjAyMi0wMS0xNlQxNjowNzo1NCswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIzLjAgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo1Y2I4MGYyNi0zZDNlLTVlNGYtYWNmYi0wZDg5YzkwNjQzOGYiIHN0RXZ0OndoZW49IjIwMjItMDEtMTZUMTY6MDc6NTQrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMy4wIChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4ZxBVdAAAAIElEQVQIHWNgCHI2THeFIwYUTpAzAzIHIQ/XxYDMASIAJKYULvJHWI4AAAAASUVORK5CYII=');
    border: 1.5px solid #093d09;
    border-radius: 1px;
}

.grid {
    display: grid;
    grid-template-columns: 3fr 1fr;
    column-gap: 2vw;
    gap: 2vw;
}

.img {
    text-align: right;
}

@media (max-width: 768px) {
    .grid {
        grid-template-columns: 1fr;
        row-gap: 20px;
        gap: 20px;
    }

    .img {
        text-align: center;
    }
}

.buttons img {
    filter: drop-shadow(0 0 3.5px #fff)!important;
    margin: auto 4px;
}

.buttons span {
    vertical-align: middle;
}

.buttons div:hover {
    box-shadow: rgba(255,255,255,0.4)0px 0px 2px 2px;
}

.buttons .blank:hover {
	box-shadow: none;
}

.mainframe.black .gray-cover {
    background-color: #333;
    color: #333!important;
}

.mainframe.black .gray-cover rt {
    background-color: #333;
}

.mainframe.black .gray-cover:hover {
    color: #ccc!important;
}

.mainframe.black sup a, .mainframe.black sup a:visited {
    color: #fff100!important;
}

.mainframe.black sup a:hover {
    color: #d3c800!important;
}