* {box-sizing:border-box;}

body {
    background-color:black;
    font-family:jose , arial, sans-serif;
    color:#E0D9D9;
    padding:0;
    margin:0;
}
 @font-face{
      font-family:notable;
      src:url(Notable-Regular.ttf);
}

 @font-face{
    font-family:bebus;
    src:url(BebasNeue-Regular.ttf);
}

 @font-face{
    font-family:jose;
    src:url(JosefinSans-VariableFont_wght.ttf);
}

#wrapper {
    width:950px;
    border:10px solid #5A9690; 
    margin:auto;
    margin-top:10px;
    padding: 10px;
    margin-bottom:10px;
    border-radius:15px;
    padding-right:20px;
    
}

header {
    background-image: url("126\ box\ logo.png");
    height:200px;
    width:450px;
    background-size:cover;
    align-items: center;
}

nav {
    height:47px;
    border-top:1px solid;
	border-bottom:1px solid;
}

nav ul {
    padding:0px;
    margin:0px;
    list-style-type: none;
    display:flex;
}

nav ul li {
	margin:auto;
}

nav a {
    font-family:bebus, arial black, sans-serif;
    font-weight:bold;
    text-align:center;
    font-size:1.2rem;
    padding-top:15;
    padding:0px 20px;
    line-height:45px;
    display:block;
    text-decoration:none;
    color:#E0D9D9;
}


nav a:hover {color:#5A9690;}
nav a:active {color:#432323;}

main {
    margin-right:175px;
    margin-top:50px;
    margin-left:10px;
    margin-right:20px;
}

main img {
    width:350px;
    border-radius:15px;
    float:right;
    margin-left:10px;
    margin-bottom:20px;
   
}

h2 {
    font-family:notable, sans-serif;
    text-transform:uppercase;
    font-size:2rem;
    color:#5A9690;
}

footer {
    clear:left;
    padding-top:20px;
    color:gray;
    text-decoration:dotted;
}

footer img {
    width:100px;
    float:inline-end;
    
}

h3 {
    margin-left:20px;
    
}

#clear {
    clear:both;
}