* {margin: 0; padding: 0}
html, body {height: 99%; }
/*section {width: 49.8%; height: 100%; display: inline-block}*/
iframe {width: 49.8%; height: 100%; border: none;}
::-webkit-scrollbar {width: 0;}

h1 {font-size:33px; max-width:150px; padding: 0 10px;}
h1 span:first-child {color:#0062be}
h1 span:last-child {color:#fa8303}
a:has(h1) {text-decoration: 0}
a:hover:has(h1) span:first-child {color:#fa8303}
a:hover:has(h1) span:last-child {color:#0062be}

img.refresh {position: absolute; margin: -40px 0 0 80%; transform: rotate(0deg); transition: transform .5s ease-in-out; cursor:pointer}
img.refresh:hover {transform: rotate(40deg);}
img.refresh:active {transform: rotate(360deg);}

h2 {font-size:26px; padding:10px 0; text-align: center; margin: 0;}
h2.one {color:#0062be}
h2.duz {color:#fa8303}
h2:active::before {content: 'copied'; position:absolute; margin:5px 0 0 20px; color:black; font-size:14px; background:rgb(255 255 255 / 63%); padding:5px; }
div {padding: 0 10px;}
footer {margin-top:20px}