html{
    height: 100%;
}

body{
    background-color: rgb(4, 4, 8);
    background-image: url(Images101/IMG_6171\ 2.JPG);
    background-size: 110%;
    background-repeat: no-repeat;
    background-position: center;
}

.container {
    margin-left: auto;
    margin-right: auto;
    width: 99%;
}

header{
    height: 100px;
    margin-left: 20px;
}

nav {
    background-color:rgba(29, 61, 121, 0.529);
    text-align: center;
    padding-top: 14px;
    padding-bottom: 14px;
}

main {
    background-color: rgba(18, 39, 79, 0.362);
    text-align: center;
    padding-top: 40px;
    padding-right: 240px;
    padding-left: 240px;
    padding-bottom: 20px;
    height:fit-content;
}


.aboutmemain{
    background-color: rgba(18, 39, 79, 0.75);
}
.about{
    background-color: rgb(4, 4, 8);
    background-image: url(Images101/aboutmebg.JPG);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

main img{
    border-radius: 0.7rem;
}

footer {
    background-color:rgba(29, 61, 121, 0.529);
}

h1{
    font-size: 30px;
    color: rgb(255, 255, 255);
    font-family:'Gill Sans', 'Calibri', 'Gill Sans MT', 'Trebuchet MS', sans-serif;
}

h2{
    font-size: 54px;
    color: rgb(255, 255, 255);
    font-family:'Gill Sans', 'Calibri', 'Gill Sans MT', 'Trebuchet MS', sans-serif;
}

p{
    font-size: 18px;
    color: rgb(255, 255, 255);
    font-family:Georgia, 'Times New Roman', Times, serif;
}

h3{
    font-size: 14px;
    color: rgb(255, 255, 255);
    text-decoration: wavy;
    font-family:Georgia, 'Times New Roman', Times, serif;
}

a{
    font-size: 15px;
    color: rgb(255, 255, 255);
    font-family:'Gill Sans', 'Calibri', 'Gill Sans MT', 'Trebuchet MS', sans-serif;
}

nav a{
    text-decoration: none;
    font-size: 20px;
    padding-left: 10px;
    padding-right: 10px;
    font-family:'Gill Sans', 'Calibri', 'Gill Sans MT', 'Trebuchet MS', sans-serif;
}

footer p{
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-size: 10px;
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: center;
    margin-top: 30px;
}

.clickablephotos a {
    font-family: Georgia, 'Times New Roman', Times, serif;
    text-decoration: none;
}


.clickablephotos img{
    width: 100%;
    height: 88%;
}

.clickablephotos{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    align-content: space-evenly;
}

.aboutmegrid{
    display: grid;
    grid-template-columns: auto auto;
    text-align: right;
}

.aboutmegrid > div {
    padding: 20px;
    font-size: 30px;
    text-align: left;
  }

.imagesmain{
    align-content: space-evenly;
}

.imagesmain img {
    height: 194px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 20px;
  }

.imagesmain div{
    display: inline-block;
}