.nav-list {
    list-style-type: none; 
    margin: 0; 
    padding: 0; 
}


.navbar {
    display: flex; 
    justify-content: space-between;
    align-items: center; 
    background-color: rgb(238, 238, 182); 
    padding: 10px 20px; 
}


.logo a {
    text-decoration: none; 
    color: black; 
    font-size: 24px; 
    font-family: 'Courier New';
}


.nav-list li {
    display: inline; 
    margin: 0 15px; 
}

.nav-list a {
    text-decoration: none;
    color: rgb(0, 0, 0); 
    padding: 8px 16px; 
    transition: background-color 0.05s; 
    font-family: 'Courier New';
}


.nav-list a:hover {
    background-color:  rgb(243, 248, 183);
    border-radius: 4px; 
}

.nav-list a:active {
    opacity: 0.7;
}

body {
    background-color: rgb(255, 230, 198);
}

/*Designed these buttons over summer using youtube*/
input[type="submit"]{
    color: black;
    background-color: rgb(241, 147, 52);
    border-style:solid;
    border: none;
    border-radius: 13px;
    padding-bottom:6px;
    padding-top: 6px;
    padding-right: 24px;
    padding-left: 24px;
    cursor: pointer;
    transition: background-color 0.05s;
}

input[type = "submit"]:hover{
    background-color: rgb(311, 109, 6);
}

input[type = "submit"]:active{
    opacity: 0.7;
}

.project {
    width: 300px; 
    height: 200px; 
}

.project img {
    width: 100%; 
    height: auto; 
}



.about-image {
    width: 300px;
    height: 200px;
}

.about-image img{
    width: 100%;
    height: auto;
}

.project-details {
    font-family: 'Courier New';
}

.page-title {
    font-family: 'Roboto';
}

.about-text {
    font-family: 'Courier New';
}

.section {
    font-family: 'Times New Roman';
}

contact-form {
    display: flex;                  
    flex-direction: column;         
    justify-content: center;        
    align-items: center;            
    max-width: 400px;              
    margin: auto;                  
}




#contact-form {
    display: flex;                  
    flex-direction:column;         
    justify-content: center;       
    align-items: center;           
    max-width: 400px;              
    width: 100%;                  
    margin: auto;                 
}

input[type="text"], textarea {
    width: 100%;                 
    padding: 10px;               
    margin-bottom: 10px;         
    border: 1px solid #ccc;       
    border-radius: 5px;          
}