body{
    background-image: url("../backgrounds/bg1.png");
}

p{
    text-align: justify;
}

pre{
    font-size: x-large;
}

a{
    text-decoration: none;
}

a:link{
    color: #ffffff
}

a:visited{
    color: #ffffff;
}

a:hover{
    color: #78a9ff;
}

a:active{
    color: #be95ff;
}

.fg{
    background-color: #161616;
    color: #ffffff;
    width: 600px;
    margin: 50px auto;
    border: 5px solid #ff7eb6;
    padding: 10px;
}

.head{
    text-align: center;
    padding-bottom: 20px;
}

.index{
    border-top: 1px dashed #ff7eb6;
    padding-top: 20px;
}

.foreground{
    background-color: #161616;
    border: 5px solid #ff7eb6;
    width: 600px;
    justify-content: center;
    margin: 50px auto;
    padding: 10px;
    color: #ffffff;
}

.top{
    text-align: center;

}

.body{
    border-top: 1px dashed #ff7eb6;
}

h1{
    color: #ffffff;
    text-align: center;
}

p{
    color: #ffffff;
    text-align: justify;
}