@font-face {
    font-family: "Comic-Sans";
    src: url(fonts/Comic-Sans.ttf);
}
@font-face { 
    
    font-family: "fnafAM";
    src: url(fonts/fnafAM.ttf);
}

body {
    background-image: url("images/backdropBlue.png");
    /* background-repeat: no-repeat; */
    background-color: #e7ddc9;
}

.button {
    color: white;
    font-family: 'fnafAM', sans-serif;
    font-size: 50px;
    padding-top: 10px;
    display: inline-block;
    font: 16px;
    margin: 4px 2px;
    border-width: 5px;
    border-color: #1b2d30;
    cursor: pointer;
}

a:link {
  color: rgb(255, 255, 255);
  background-color: transparent;
  text-decoration: none;
}

a:visited {
  color: rgb(255, 255, 255);
  background-color: transparent;
  text-decoration: none;
}

a:hover {
  color: rgb(238, 191, 104);
  background-color: transparent;
  text-decoration: underline;
}

a:active {
  color: rgb(238, 211, 170);
  background-color: transparent;
  text-decoration: underline;
}

.lightblue {background-color: #345e72;}
.darkdirkblue {background-color:#192527;}
.redish {
    background-color:#ce5959; 
    border-color: #d48484;
}
#sansSerifText{
    color: rgb(201, 212, 209);
    font-family: sans-serif;
}

#underline {
    text-decoration: underline;
    color: rgb(201, 212, 209);
    /* background-color: rgba(0, 0, 0, 0.103); */
}

#titleHead {
    
    color: rgb(255, 255, 255);
    font-family: sans-serif;
    font-size: 70px;
    margin: 30px;
    background-color: rgba(0, 10, 10, 0.432);
    -webkit-text-stroke: 3px;
    -webkit-text-stroke-color: black;
    /* outline-color: rgb(255, 255, 255); */
    /* outline-style:dashed; */
    /* background-color: rgba(0, 0, 0, 0.377); */
}

article {
    padding: 10px;
    margin: 10px;
    color: rgb(78, 110, 158);
}