*{
    margin: 0; padding: 0; border: 0; box-sizing: border-box;
}

body{
    background-color: #202C59;
}

header{
    min-height: 200px;
    position: absolute; margin-left: 800px; margin-top: 100px;
    width: fit-content;
}

header h1{
    border: 4px solid #D95D39;
    width: fit-content;
    position: relative;
    transform: rotate(-25deg); 
    color: #F18805;
    background-color: #581F18;
}

header nav{
    border: 4px solid #D95D39;
    width: fit-content;
    padding-left: 50px;
    padding-right: 50px;
    font-size: 150%;
    position: relative; left: 90px; top: 25px;
    background-color: #581F18;
}

nav a{
    color: #F18805;
}

article{
    /*border: 4px solid red;*/
    position: absolute; top: 300px; left: 670px;
    width: fit-content;
    padding: 100px;
}

article h2{
    border: 8px solid #D95D39;
    width: fit-content;
    padding: 100px;
    margin-right: 100px;
    position: relative; top: -100px; left: 200px;
    color: white;
    letter-spacing: 8px;
    text-align: right;
    font-size: 120%;
    background-image: repeating-linear-gradient(120deg,#581F18, #581F18 30px, #D95D89 31px, #D95D89 60px, #581F18 61px);
}

h2::first-line{
    text-align: left;
    letter-spacing: 8px;
    font-size: 150%;
}

article ul{
    border: solid 4px #D95D39;
    width: fit-content;
    position: relative; top: -350px; left: -415px;
    padding: 50px;
    background-image: linear-gradient(90deg, #581F18 20%, gold);
}

article ul h3{
    color: #F18805;
    letter-spacing: 5px;
}

article ul li{
    letter-spacing: 1.4px;
    font-family: verdana;
}

article img{
    border: 10px solid #D95D39;
    width: fit-content;
    border-radius: 100%;
    position: relative; top: -350px;
}