html,body{
  padding:0;
  margin:0;
    background:#324168;
    color:azure;
}
.base{
  display:flex;
  flex-direction:row;
  width:100vw;
  height:95vh;
  overflow:hidden;
}
.menu{
	width:100%;
}
.side{
 width:15%;
 height:100%;
    color:azure;
    outline:10px ridge #a0b8f4;
}
.content{
position:absolute;
    left:17vw;
 width:83%;
 height:95%;
 overflow-y:scroll;
}
.self{
    width:85%;
    background:azure;
    color:teal;
}
#g{
    font-size:80px;
}
fieldset{
    border:solid #a0b8f4;
}
.links{
    border:dashed #a0b8f4;
    border-radius:10px;
    background:azure;
    color:teal;
}
legend{
    color:azure;
    background:#1a0404;
    border: 2mm ridge #8f1717;
}
textarea{
    background:#1a0404;
    border: 2mm ridge #8f1717;
    color:azure;
    width:200px;
    height:87px;
}
input{
    background:#00000000;
    border:thick double #a0b8f4;
    color:azure;
}
.waku{
    width:85%;
    border:dashed #a0b8f4;
    border-radius:10px;
}
.sabi{
    background:#1a0404;
    border: 5mm ridge #8f1717;
}
.rect{
    background:#1a0404;
    border: 5mm ridge #8f1717;
    width:240px;
    font-size:22px;
    height:240px;
    padding: 10px;
}
.lab{
    text-align:center;
    font-size:20px;
    background:#253342;
    color:white;
    outline: thick double #a0b8f4;
}