@charset "utf-8";

/* Souvinears Styles */

/* Background color */
body {
    background-color: rgb(202,233,246);
}

/* Navigation Tabs */
nav {
      background-color: white;        
      padding: 10px;
      }

    nav > ul {
     list-style: none;
     margin: 0;
     padding: 0;
     display: flex;
     gap: 0px;
     border-radius: 5px;
     justify-content: space-around;

    }

    li a {
      color: black;                  
      text-decoration: none;         
      font-size: 1.2rem;
      padding: 10px 20px;
      transition: background-color 0.3s; 
      
    }

    li a:hover {
      background-color: rgb(169,220,241);
    }



/* Website Title */
body {
    margin: 0;
    font-size: 22px;
}

header {
    text-align: center;
    padding-top: 30px;
}

/* Image and Text Styles */ 

h1, h2
{
    text-align: center;
    margin-top: 30px;
    font-family: "Luminari", fantasy;
}

section 
{
    max-width: 1100px;
    margin: 40px auto;
    padding: 0 20px;
    font-family: "Georgia", serif;
    
}

figure 
{
    display: flex;
    align-items: center;
    background-color: white;;
    border-radius: 12px;
    box-shadow: 0 3px 10px rgb(35, 144, 35);
    overflow: hidden;
    margin-bottom: 25px;
 
}

figure:hover
{
    transform: scale(1.02);
    box-shadow: 0 6px 18px white;
}

figure img 
{
    width: 45%;
    height: 100%;
    object-fit: cover;
}

figcaption 
{
    padding: 20px;
    width: 55%;
}

figcaption h3 
{
    margin-top: 0;
    font-family: "Luminari", fantasy;
}

p{
    font-size: 17px;
}

h4, h5
{
     font-family: "Luminari", fantasy;
}