@font-face {
    src: url(fonts/JF-Dot-K12.ttf);
    font-family: Jpixl;
}
@font-face {
    src: url(fonts/JF-Dot-MPlusH10.ttf);
    font-family: Jpixl2;
}
@font-face {
    src: url(fonts/JF-Dot-Ayu20.ttf);
    font-family: thinJpixl;
}
@font-face {
    src: url(fonts/fs-a-pixel-away.otf/fs-a-pixel-away.ttf);
    font-family: goofy;
}
@font-face {
    src: url(fonts/nintendo_ds_bios/Nintendo-DS-BIOS.ttf);
    font-family: ds;
}

.link:link {
  color: rgb(123, 108, 131);
  background-color: transparent;
  text-decoration: none;
}

.link:visited {
  color: rgb(123, 108, 131);
  background-color: transparent;
  text-decoration: none;
}

.link:hover {
  color: rgb(123, 108, 131);
  background-color: transparent;
  text-decoration: underline;
}

.link:active {
    color: rgb(222, 222, 222);
  background-color: transparent;
  text-decoration: underline;
}



body{
    background-color: rgb(49, 44, 46);
    zoom: 150%;
}
::-moz-selection {
    color: rgb(222, 222, 222);
    background: rgb(49, 44, 46);
}

#div{
    position: absolute;
    width: 700px;
    height: auto;
    left: 50%;
    transform: translate(-50%, 0);
    background-color: rgb(222, 222, 222);;
}

.Majoratxt{
    font-family: 'goofy';
    text-align: center;
    color: rgb(49, 44, 46);
    text-shadow: 3px 3px rgba(40, 40, 40, 0.25);
}
.txt{
    text-align: left;
    font-family: 'thinJpixl';
    color: rgb(49, 44, 46);
    padding: 10px;
    word-wrap: break-word;
}

#rando{
    height: 150px;
    float: right; 
    margin-top: 15px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 5px;
    outline: solid 2px rgb(49, 44, 46);
}
#fiercedeity1{
    right: 0%;
    transform: translate(170%, 0);
    position: relative;
}

#video{
    outline: solid 2px rgb(49, 44, 46);
    box-shadow: 5px 5px rgba(40, 40, 40, 0.25);
    
}
#smith{
    position: relative;
    width: 700px;
    text-align: center;
    margin-bottom: 70px;
}
.smith{
    text-align: center;
    font-family: 'thinJpixl';
    color: rgb(49, 44, 46);
    padding: 0px;
    top: 10px;
    position: relative;
}






#uiright{
    position: fixed;
    height: 610px;
    right: 3%;
}

.wip{
    text-decoration: 2px line-through;
}
.up{
    text-decoration: none;
}

#rightdiv{
    position: absolute;
    width: 215px;
    height: 610px;
    right: 3%;
    top: 38px;
}
#uidiv{
    position: fixed;
    width: 200px;
    right: 43px;
}
.ui ul{ 
    list-style-type: none;
    width: 203px;
    height: 43px;
    position: relative;
    left: -4px;
    padding: 0px;
    margin: 0px;
}
.ui a{
    color: rgb(49, 44, 46);
    position: relative;
    font-family: 'goofy';
    font-size: medium;
    text-align: left;
    width: 200px;
    height: 50px;
    margin-left: 10px;
    left: -5px;
    line-height: 50px;
    display: block;
}
.ui a:hover{
    color: rgb(123, 108, 131);
}

#homediv{
    position: fixed;
    width: 200px;
    height: 44px;
    right: 46px;
    top: 403px;
}
#home ul{ 
    list-style-type: none;
    left: 0px;
    top: 0px;
    margin: 0px;
    width: 160px;
    height: 43px;
}
#home a{
    color: rgb(49, 44, 46);
    display: block;
    position: absolute;
    font-family: 'goofy';
    font-size: large;
    text-decoration: none;
    text-align: center;
    line-height: 43px;
    left: 0px;
    top: 0px;
    width: 200px;
    height: 43px;
}
#home a:hover{
    color: rgb(123, 108, 131);
}

#exitdiv{
    position: fixed;
    width: 201px;
    height: 44px;
    right: 46px;
    top: 461px;
}
#exit ul{ 
    list-style-type: none;
    left: 0px;
    top: 0px;
    margin: 0px;
    width: 160px;
    height: 43px;
}
#exit a{
    color: rgb(49, 44, 46);
    display: block;
    position: absolute;
    font-family: 'goofy';
    font-size: medium;
    font-size: large;
    text-decoration: none;
    text-align: center;
    line-height: 43px;
    left: 0px;
    top: 0px;
    width: 200px;
    height: 43px;
}
#exit a:hover{
    color: rgb(123, 108, 131);
}