Website Layout code

<!DOCTYPE html>
<html>
    <head>
        <title>INSERT TITLE HERE</title>
        <link rel='stylesheet' href='https://fonts.googleapis.com/css2?family=Archivo+Black&family=Cuprum&family=Archivo+Black&family=Cuprum'>
    </head>
    <style>
    body {
margin: 0;
height: 100vh;
width: 100%;
}

#main{
position: absolute;
z-index: 90;
width: 743.667px;
height: 549.667px;
border: 1px solid rgb(0, 0, 0);
background-color: rgb(220, 220, 220);
left: 462px;
top: 171px;
}

#nav{
position: absolute;
z-index: 90;
width: 169.667px;
height: 408.667px;
border: 1px solid rgb(0, 0, 0);
background-color: rgb(220, 220, 220);
left: 627.667px; top: 35.6667px;
}

#nav_head{
z-index: 90;
width: auto;
height: auto;
border: medium;
position: static;
overflow-wrap: break-word;
display: block;
margin: 9px;
text-align: center;
font-family: "Archivo Black";
}

#nav_links{
z-index: 90;
width: auto;
height: auto;
border: medium;
position: static;
overflow-wrap: break-word;
display: block;
margin: 0px;
text-align: center;
font-family: "Cuprum";
}

#deco{
width: 100px;
height: 100px;
position: absolute;
z-index: 90;
border: 1px solid rgb(0, 0, 0);
left: 37.3334px;
top: 142.333px;
}

#main_img{
width: 100px;
height: 100px;
position: absolute;
z-index: 90;
border: 1px solid rgb(0, 0, 0);
left: 472.667px;
top: 66.6667px;
}

#main_head{
z-index: 90;
width: auto;
height: auto;
border: medium;
position: static;
overflow-wrap: break-word;
display: block;
margin: 19px;
padding: 2px;
left: 3px;
font-family: "Archivo Black";
}

#main_p{
z-index: 90;
width: 500px;
height: auto;
border: medium;
position: static;
overflow-wrap: break-word;
display: block;
margin: 15px;
max-width: 450px;
min-width: 9px;
max-height: 8px;
padding: 0px;
left: 2px;
top: 0px;
font-family: "Cuprum";
}

#head_img{
position: absolute;
z-index: 90;
width: 743.667px;
height: 135.667px;
border: 1px solid rgb(0, 0, 0);
background-color: rgb(220, 220, 220);
left: 462px; top: 24px;
}

#sidebar_img{
position: absolute;
z-index: 90;
width: 336.667px;
height: 696.667px;
border: 1px solid rgb(0, 0, 0);
background-color: rgb(220, 220, 220);
left: 116px;
top: 24px;
}

#foot{
position: absolute;
z-index: 90;
width: 1089.67px;
height: 100px;
border: 1px solid rgb(0, 0, 0);
background-color: rgb(220, 220, 220);
left: 116px;
top: 731px;
}

#foot_p{
z-index: 90;
width: auto;
height: auto;
border: medium;
position: static;
overflow-wrap: break-word;
display: block;
margin: 44px;
text-align: center;
}
    </style>
    <body>
        <div id="main">
            <aside id="nav">
                <h1 id="nav_head">Navigation</h1>
                <p id="nav_links">Home<br><br>Links <br></p><img id="deco" src="">
            </aside>
            <img id="main_img" src="">
            <h1 id="main_head" spellcheck="false">Something something title<br></h1>
            <p id="main_p">
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque
            volutpat mollis ipsum, eget facilisis lorem lacinia vel. Phasellus vitae
            erat non magna elementum interdum. Quisque congue nisl vel pharetra
            congue. Quisque elit eros, gravida vel tempor eget, faucibus convallis
            tellus. Vestibulum ac dolor commodo, consequat ligula at, ornare metus.
            Class aptent taciti sociosqu ad litora torquent per conubia nostra, per
            inceptos himenaeos. Sed eget malesuada urna. Nulla facilisi. Aliquam
            fermentum elit quis quam condimentum tincidunt.
            </p>
            </div>
        <header id="head_img"></header>
        <aside id="sidebar_img"></aside>
        <footer id="foot"><p id="foot_p">Layout by DiabloAfterDark<br></p>
        </footer>
    </body>
</html>