/*External style sheet for Portfolio*/

html{
    width:80%;
    margin:auto
    } 
.logos,.brand,.mags,.theeclipse{
    display: grid;
    grid-template-columns: auto auto auto;
    grid-template-rows: auto min-content auto min-content auto auto auto min-content auto;
    gap:5px;
    grid-template-areas: 
    "mylogo mylogo mylogo"
    "line1 line1 line1"
    "nav nav nav"
    "line2 line2 line2"
    "paragraph paragraph paragraph"
    "image1 image2 image3"
    "image4 image5 image6"
    "line3 line3 line3"
    "footer footer footer";
    justify-items: center;
    align-items: center;
}
.omerta{
    display: grid;
    grid-template-columns: auto auto auto;
    grid-template-rows: auto min-content auto min-content auto auto auto min-content auto;
    gap:5px;
    grid-template-areas: 
    "mylogo mylogo mylogo"
    "line1 line1 line1"
    "nav nav nav"
    "line2 line2 line2"
    "paragraph paragraph paragraph"
    "image image image"
    "line3 line3 line3"
    "footer footer footer";
    justify-items: center;
    align-items: center;
}
.small{
    display: grid;
    grid-template-columns: auto auto auto;
    grid-template-rows: auto min-content auto min-content auto auto auto min-content auto;
    gap:5px;
    grid-template-areas: 
    "mylogo mylogo mylogo"
    "line1 line1 line1"
    "nav nav nav"
    "line2 line2 line2"
    "paragraph paragraph paragraph"
    "image1 image2 image2"
    "image1 image2 image2"
    "line3 line3 line3"
    "footer footer footer";
    justify-items: center;
    align-items: center;
}
.About{
    display: grid;
    grid-template-columns: auto auto auto;
    grid-template-rows: auto min-content auto min-content auto auto min-content auto;
    gap:5px;
    grid-template-areas: 
    "mylogo mylogo mylogo"
    "line1 line1 line1"
    "nav nav nav"
    "line2 line2 line2"
    "paragraph paragraph aside"
    "paragraph paragraph aside"
    "line3 line3 line3"
    "footer footer footer";
    justify-items: center;
    align-items: center;
}
.fullsite a{
    font:15,serif,times,rgb(112, 78, 38);
    background-color: rgb(252, 226, 230);
    border-radius: 15px;
    border: 2px outset lightgray;
    margin:5px 15px 15px 5px;
    padding:5px;
    text-decoration:none;
}
hr{
    border: 0;
    border-top: 2px solid rgb(112, 78, 38);
    width: 100%;
}
#selfportrait{
    margin:5px;
    border-radius: 15px;
}
#mylogo{
    align-items: center;
}
table,td,th{
    border-radius: 10px;
    border: 2px solid rgb(112, 78, 38);
    padding:2px;
    text-align: center;
    vertical-align: center;
}