:root {
    --main-light-color: #7eaed9;
    --main-light-color-tansparent: rgba(126, 175, 217, 0.8);
}

html {
    width:100%;
    height:100%;
    min-width: 245pt;
    scroll-behavior: smooth;
}
body {
    background: linear-gradient(to bottom, #0d568b, transparent 200pt);
    background-color: #d5e5f2;
    background-repeat: no-repeat;
    background-position: top left;
    color:#222220;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 12pt;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    max-width: 1366px;
    margin: 0 auto;
}
* {
	scrollbar-color: rgb(37, 124, 224) rgb(126, 196, 243);
	scrollbar-width:thin;
}
::-webkit-scrollbar {
  width: 2px;
}

::-webkit-scrollbar-track {
  background: rgb(126, 196, 243);
}

::-webkit-scrollbar-thumb {
    background-color: rgb(37, 124, 224);
    border-radius: 20px;
}

::selection {
    background: var(--main-light-color-tansparent);
}
::-moz-selection {
    background: var(--main-light-color-tansparent);
}

img {
    /*opacity: 0.05 !important;*/
}

a {
    color: inherit;
    text-decoration: none;
}

#global {
    width: 100%;
    max-width: 700pt;
    margin: 0 auto auto;
    padding: 3pt;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}
#global > div {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
#global > div:not(:last-of-type) {
    margin-right: 5pt;
}

section {
    border: 1px solid #B0C4DE;
    border-radius: 6pt;
    overflow: hidden;
    box-shadow: 0pt 0pt 3pt rgba(120,120,120,0.5);
}
#global > section:not(:last-of-type) {
    margin-bottom: 5pt;
}

section > header {
    background: linear-gradient(to bottom, #445480, #4584CC);
    font-size: 116%;
    color: #FFFFFF;
    text-shadow: 1pt 1pt 2pt rgba(0,0,0,0.8);
    text-align: center;
    padding: 2pt;
}

#footer {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    font-size: 10pt;
    padding: 5pt 10pt;
    color: #bfbfbf;
    background-color: #626262;
  }
  #footer .rta img {
    float: left;
    margin: 0 5pt 2pt 0;
    max-height: 36pt;
  }
  #footer .site-friends {
    margin-left: auto;
    margin-top: auto;
  }
  #footer .site-friends li {
    display: inline-block;
  }

  #screenshot{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}