*{
    box-sizing:border-box;
}

body{
    background-color: rgb(199, 127, 151);
    height:500px;
}




h1{
    font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-weight:bolder;
    font-size:30px;
    margin-top:10%;
    left:33%;
    margin-bottom:25%;
    position:absolute;
}

h2{
    font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-weight:bolder;
    font-size:30px;
    margin-top:10%;
    left:33%;
    margin-bottom: 25%;
    position:absolute;
    align-items: center;
    display:flex;
}

nav a{ 
font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
float:right;
text-align:right;
justify-content: space-between;

}

aside img{
    height:400px;
    width:250px;
    margin-left:33%;
    border-style:solid;
    margin-top:50px;
}

aside h1{
    display:flex;
    margin-left:0;
    border-right:6px solid black;
    height:160px;
    position:absolute;
    left:15%;
    padding:20px;
    right:70%;
    
}

aside p{
    margin-left:33%;
    padding-top:35px;
    font-size:25px;
}


.topics{
display:flex;
justify-content: flex-end;


}


.dog{
    position:relative;
    border-style:solid;
    border-width:20px;
    border-color:maroon;
    margin:20px;
    opacity:75%;
    flex: 0 0 1240px;
}   

.dog:hover{
    opacity:100%;
}

.dog a{
    position:absolute;
    left:0px;
    bottom:30px;
    background:maroon;
}

a{
    font-size:30px;
    text-decoration: none;
    color:black;
    padding:10px;
}



.dog img{ 
    width:100%;
}

.subprojects{
    display:flex;
    flex-wrap:wrap;
    justify-content: flex-end;
}

.secondary{
    position:relative;
    border-style:solid;
    border-color:maroon;
    border-width:20px;
    margin:20px;
    flex: 0 0 600px;
    opacity:75%;
}
 
.secondary:hover{
    opacity:100%;
}



.secondary a{
    position:absolute;
    left:0px;
    bottom:30px;
    background:maroon;
}

.secondary img{ 
width:100%;
min-width:500px;

}


footer{
    text-align: center;
    font-size:25px;
    
}

footer p{
    display:inline;
    padding:3%;
}

footer h1 {
margin-left:0;
border-right: 6px solid Black;
height:160px;
left:15%;
position:absolute;
padding:20px;
}

#sides
{
    height:500px;
}