@font-face{
    font-family:titleFont;
    src:url(fonts/aurelia.otf);
}
@font-face{
    font-family:bodyFont;
    src:url(fonts/alte.ttf);
}
@font-face{
    font-family:navFont;
    src:url(fonts/cocogoose.ttf);
}

::-moz-selection { /* Code for Firefox */
  color: black;
  background: #ffcc66;
}

::selection {
  color: black;
  background: #ffcc66;
}

body{
    background: #aee7ee;
    background: linear-gradient(90deg,rgba(174, 231, 238, 1) 0%, rgba(148, 175, 233, 1) 50%, rgba(233, 223, 148, 1) 99%);
    font-family:bodyFont;
}

h1, h2{
    font-family: titleFont;
}

.content{
    background:white;
    width:80%;
    border-radius:25px;
    margin:auto;
    padding:20px;
}

.nav{
    width:80%;
    margin:auto;
    padding:10px;
    margin-top:10px;
}
.navitem{
    display:inline-block;
    font-family:navFont;
    text-transform: uppercase;
    vertical-align: middle;
    background-color: white;
    width:auto;
    padding:10px;
    border-radius:10px;
    margin-bottom:10px;
}

a{
    transition: color 180ms ease, font-style 180ms ease;
    font-style:normal;
    text-decoration: none;
    color:#009999;
}
a:hover{
    font-style:oblique;
    color:#006699;
}

li{
    margin-top:15px;
}