@font-face {
     font-family: Xio; src: url('../media/Xiomara-Script.ttf');
     }

 @font-face {
     font-family: Cosmo; src: url('../media/PF CosmonutPro-Regular.ttf');
    }

 @font-face {
     font-family: Semp; src: url('../media/CF SempliceReg.ttf');
    }

    body {
        margin: 0px;
        background-color: Teal;
        background-size: cover;
    }

    a:hover {
        cursor: pointer;
        color: #673DE6;
        text-decoration: underline;
    }

    h1 {
        margin-top: 0px;
        margin-bottom: 0px;
        font-family: 'DM Sans', sans-serif;
        font-size: 24px;
        font-weight: 700;
        letter-spacing: 0px;
        text-align: center;
        margin: 8px;
    }

.invert{
	/*background: #9283F1;
	background: url(less.png);
	background: #6699cc;*/
	background : teal;
	color: White;
	font-family : "Comic Sans MS";
	font-size: x-large;
	padding-left: 10px;
}

table.headr{
    /*background: url(../img/topbg.png);*/
    background: #88BBFF;
	color: white;
}

.outleged{
  font-size: smaller;
  font-style: italic;
  color: #3300CC;
}

.fsform{
	background: #e5e5e5;
    font-size: small;
	padding: 10px;
    border: 1px solid black;
    border-radius: 4px;
}

.fstblFooters{
  background: #d3dce3;
  font-size: small;
  padding: 10px;
  border: 1px solid black;
  border-top-style: none;
  text-align: right;
}

.guiTextBox{
border: 1px solid #000000;
background-color:#f5f5f5;
color:#000000;
font-size:12px;
}

.guiTextArea{
border: 1px solid #000000;
background-color:#f5f5f5;
color:#000000;
font-size:12px;
overflow: auto;
}

.guiButton{
border: 1px solid #000000;
border-radius: 4px;
background-color:#99CCCC;
color:#000000;
font-size:12px;
}

.guiButton:hover{
    background-color: Tomato;
    box-shadow: 1px 1px 3px #808080;
    cursor: pointer;
}