body{
    background-image: url(/P/bg_icons/face.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    opacity: 0.89;
    font-family: 'Courier New', Courier, monospace;
    text-shadow: #8e0707 2px;
}
header{
    border: gray 2px solid;
    border-radius: 5px;
    display:grid;
    grid-template-columns: 3;
    gap: 5px;
}
a{
    text-decoration: none;
    color: #000000;
  }
a:hover{
    color: #8e0707;
    font-style: bold;
  }
canvas{
    display: block;
    margin-inline-start: auto;
    margin-inline-end: auto;
}
#one{
  display: flex;
  columns: 1;

}
#two{
  display: flex;
  column-span: 2,3;
  border: 2px black dotted;
}
  .footercontainer{
    display: inline-block;
    block-size: auto;
    align-content: center;
    writing-mode: horizontal-tb;
    list-style-type: none;
    margin: 0;
    padding: 10px;
    overflow: hidden;
    background-color: #ffffff00;
    font-size: 15px;
}
.dropdown{ 
    float: inline-end;
    margin: 1px;
    padding: 5px;
}
.qr{
    display: inline block ;

    align-content: center;
    margin: 1px;
    padding: 10px;

}