@font-face {
    font-family: Rockwell;
    src: url(assets/font/ROCK.TTF);
  }
@font-face {
    font-family: Rockwell;
    font-weight: bold;
    src: url(assets/font/Rockwell-Bold.ttf);
}


body 
{

    background-color:#060a07
}
  
p {
    color: antiquewhite;
    padding-left: 8%;
    margin-top: 2%;
    font-family: Rockwell;
    font-size: 120%;
}

h1 
{
    margin-top: 2.5%;
    color:antiquewhite;
    text-align: center;
    font-family: Rockwell;

}

h2 {
    color: antiquewhite;
    text-align: center;
    font-family: Rockwell;
    font-size: 200%;
}

li {
    padding-left: 8%;
    color:rgb(195, 131, 30);
    font-size: 140%;
    font-family: Rockwell;
}

ul {
    padding-left: 8%;
    color:rgb(195, 131, 30);
    font-size: 100%;
    font-family: Rockwell;
}


a 
{

    color: antiquewhite;
    font-family: Rockwell;

}
a:hover 
{

    cursor: pointer;

}

.divider {
    margin-top: 2.5%;
    padding-top: 0.15%;
    padding-bottom: 0.25%;
    margin-left: 8%;
    width:10%;
    background-color: rgb(197, 186, 83);
    border-radius: 10px;
}


.title 
{

    text-decoration-line: underline;
    font-size: 250%;

}

.active 
{

    color: #2e942e;

}


.navelement 
{
    position: relative;
    border-left: 2px solid salmon;
    padding-left: 11.5%;
    padding-right: 10%;

}

.navbar 
{
    margin-top: 0.75%;
    background-color: black;
    display: flex;
    flex-direction: row;
    padding-top: 0.5%;
    padding-bottom: 0.5%;
    border: 1px solid salmon;
    padding-right: 10.5%;
    position: fixed;
    scroll-behavior: smooth;

}

.lnk {
    color:aqua;
}


ul .internal {
    color: rgb(147, 115, 78);
    padding-top: 0.5%;
}
li .internal {
    color: rgb(147, 115, 78);
    font-size: 80%;
    padding-left: 0%;
    margin-left: 3%;
}



#intro {
    border-left: none;
}