* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html{
    scroll-behavior: smooth;
}
body {
    font-family: 'Cherry Cream Soda';font-size: 22px;
    font-size: 20px;
    background: rgb(221, 243, 241);
    font-size: 20px;
    line-height: 26px;
    color: black;     
    margin:0 auto;
    display: block;
}

nav {
    z-index: 2;
    text-align: center;
    position: fixed;
    width: 100%;
    padding: 7px;
    font-size: 24px; 
    background-image: url(../img/Screenshot\ 2025-10-22\ at\ 5.52.37\ PM.png);
}
nav ul li {   
    display: inline;
    margin-right: 20px;
}

h1 {
    margin-bottom: 20px;
    line-height: 1.5em;
    padding: 10px;
}
p{
    padding: 10px;
}
a{
    padding:10px;
}
section{
    padding: 10px;
}
h2{
    padding: 10px;
}
h3{
    padding: 10px;
}
footer{
    padding: 10px;
}
#logo{
    position: relative;
    margin:0 auto;
    width: 75%;
    display: block;
}
.float-left{
    float:left;
    margin-right: 20px;
}
header{
    background-image: url(../img/Screenshot\ 2025-10-22\ at\ 5.52.37\ PM.png);
    width: 100%;
}
button{
    font-family: 'Cherry Cream Soda';font-size: 22px;
     font-size: 30px;
     background-color: rgb(221, 243, 241);

}
footer{
    background-color: rgb(140, 203, 224);
    height: 40px;
}
body {
    font-family: 'Cherry Cream Soda';
    font-size: 22px;
}

#grid {
    display: grid;
    /* grid-template-columns: 1fr 1fr 1fr; */
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 10px;
    place-items: center;
    padding: 10px;
}

.grid-item {
    /* background-color: aqua; */
    text-align: center;
    padding: 5px;
}

.grid-item img {
    width: 100%;
    object-fit: cover;
    object-position: center;
}