@import url('https://fonts.googleapis.com/css2?family=Karla:wght@200;300;400;600&display=swap');

h{
    font-family: 'Karla', sans-serif;
    
}

body {font-family: 'Karla', sans-serif;
  }


h1{
    text-align: center; 
    color : black;
}
h1 a{
    font-size: 40px; 
    color: black; 
    text-decoration: none; 
}

h1 a:hover{
    color: gray; 

}

main{
    margin-left: 50px;
    margin-right: 50px;
}
/* p{
    margin-left: px;
    margin-left: 100px;

} */

img{
    margin-left: auto;
    margin-right: auto;
    max-width: 40%;
    max-height: 40%
    } 

nav{
    text-align: center;
    
}
nav a{
    font-size: 20px; 
    margin-right: 20px;
    margin-left: 20px;
    color: black; 
    text-decoration: none; 
   
}

nav a:hover{
    color: gray; 

}

code {
    background-color: #f0f0f0; /* Set the background color to gray */
    padding: 2px 4px; /* Add some padding for better readability */
    border-radius: 4px; /* Optional: Add rounded corners */
  }

  p a{
     
    color: purple; 
    text-decoration: none; 
}

p a:hover{
    color: rgb(212, 107, 212); 

}

h3{
            margin-bottom: 0;
}

h4 {margin-top: 0;
}