@font-face {
    font-family: 'reey';
    src: url(fonts/reey/Reey-Regular.otf);

}
@font-face {
    font-family: 'StudioGrotesk-Light';
    src: url(fonts/StudioGrotesk-Light.otf);
}
@import url('https://fonts.googleapis.com/css2?family=DotGothic16&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DotGothic16&display=swap');
@font-face {
    font-family: 'DotGothic16';
    src: url('https://fonts.googleapis.com/css2?family=DotGothic16&display=swap');
}
* {
    font-family: "StudioGrotesk-Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color:antiquewhite;
    font-size: 100%;
}

h1 {
    color: antiquewhite;
    text-align: center;
    text-shadow: 10px 10px 5px black;
    font-family: 'reey', Helvetica, Arial, sans-serif;
    font-size: 600%;;
    padding: 50px;
    margin: 10px;
}
p{
    color: antiquewhite;
    font-size: 125%;
    text-shadow: 3px 3px 3px black;
}
h2 {
    font-size: 150%;
    text-shadow: 3px 3px 3px black;
    color:lightsalmon
}

body {
    background-image: url(ep_naturalblack.webp);
    background-repeat: repeat;
}
.homeimage{
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto;
    width: 300px;
    padding: 5px;
    border-top-right-radius: 10%;
    border-bottom-left-radius: 10%;
    box-shadow: black 10px 10px 5px;
}

.container {
    margin: 10px 100px;
    padding: 20px;
    max-width: 1024px;
    height: auto;

}

.leftspacetext {
    float: left;
    text-align: left;
}

.rightspace {
    float: right;
    transform: rotate(12deg);
    border-radius: 50px;
    border:salmon 6px groove;
}
.rightspacetext {
    float: right;
    text-align: right;
    border-radius: 10%;
    padding: 10px;
    margin:5px;
}
ul li {
    list-style: none;
    padding: 10px;
}
ul li a:link, ul li a:visited {
    color:lightsalmon;
    text-decoration: none;
    text-transform: lowercase;
}
ul li a:hover, ul li a:focus{
    color: salmon;
}
nav {
    background-color:hsla(240, 100%, 99%, 30%); 
    padding: 10px;
    float: right;
    width: 100%;
    text-align: right;
}
nav ul {
    padding: 0;
    list-style: none;
}
nav ul li {
    display: inline-block;
    margin-right: 15px;
    align-content: space-evenly;
}
nav a:link,nav a:visited {
    color: antiquewhite;
    text-decoration: none;
    font-size: 24px;
    text-transform: lowercase;
}
nav a:hover, nav a:focus{
    color: salmon;