body
{
    background-color: #84a5c5;
  margin: 0px;
}

.container
{
      background-color: #5d8aa5;
  width: 1280px;
  height: 960px;
  border: 1px solid #20323D;
  margin: auto;
    margin-top: 20px;
  position: relative;
  overflow: hidden;
}

a{
  text-decoration: none;
color: #d3d3d3;
}

.icon
{
  margin-right: 5px;
  vertical-align: middle;
}

.head
{
      display: inline-block;
  margin-bottom: 5px; 
}

a:hover
{
  text-decoration: underline; 
}

.b-r-ps
{
  position: absolute;
  right: 0px;
  bottom: 0px;
}

.layer-on-top
{
    position: absolute;
    right: 100px;
    top: 35px;
}

.section
{
      padding: 5px;
    background-color: #7093a57d;
    backdrop-filter: blur(3px);
    font-size: 11px;
    font-size: 11px;
    color: #ffffff;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; 
}

.t-r-ps
{
  position: absolute;
  right: 0px;
  top: 0px;
}

.t-l-ps
{
  position: absolute;
  left: 0px;
  top: 0px;
}

#canvas
{
  width: 100%;
  height: 100%;
}

@font-face {
    font-family: "Visitor";
    src: url("/TerminessNerdFontMono-Regular.ttf") format("opentype");
}

body
{
  font-family: Visitor;
  color: #23262b;
}