/*Defining body properties*/

body {
    /*Colors*/
    color: #a13d77;
    background: #1d1b24;
    
    /*Font size and type*/
    font-size: 17;
    font-family: "JetBrains Mono", sans-serif;
}

    

/*Defining heading and paragraph properties*/

h1 {
    color: #66a650;
    font-size: 35;
}

h2 {
    color: #66a650;
    font-size: 20;
}


h3 {
    color: #66a650;
    font-size: 25;
    text-align: center;
}

p {
    color: #66a650;
    font-size: 20;
    text-align: center;
}

a {
    color: #d78b98;
    font-size: 25;
}

/*Setting the image properties */
img {
    max-inline-size: 100%;
    display: block;
    margin: 0 auto;
    max-width: 50%;
    height: auto;
    width: auto;
   
}

li {
    font-size: 19;
    text-align: center;
}

ul {
    list-style-type: none;
}

/*Setting the properties for the dropdown menu class*/

.dropdown {
    display: inline-block;

/*Defines the behavior when text doesn't fit the box*/
    overflow: auto;
    
}

.dropdown button {
    background-color: #edefe2;
    color: #66a650;
    padding: 2px 4px;
    border: none;
    cursor: pointer;
}

.dropdown a {
    display: block;
    color: #66a650;
    text-decoration: none;
    padding: 2px 4px;
}

.dropdown .content {
    display: none;
    position: absolute;
    background-color: #edefe2;
    min-width: 200px;
    box-shadow: 2px 3px 4px #1d1b24;
}

.dropdown:hover .content {
    display: block;
}

/*Setting the properties for the languagemenu class*/

.langmenu {
    display: inline-block;
    overflow: auto;
}

.langmenu button {
    background-color: #edefe2;
    color: #66a650;
    padding: 2px 4px;
    border: none;
    cursor: pointer;
}

.langmenu a {
    display: block;
    color: #66a650;
    text-decoration: none;
    padding: 2px 4px;
}

.langmenu .content {
    display: none;
    position: absolute;
    background-color: #edefe2;
    min-width: 200px;
    box-shadow: 2px 3px 4px #1d1b24;
}

.langmenu:hover .content {
    display: block;
}

.langmenu-right {
    float: right;
}

/*Defining the properties for the Pics and catlogo div classes (image classes)*/

.pics {
    max-inline-size: 100%;
    display: flex; 
    margin: 0 auto;
    width: auto;
    height: auto;
    max-width: 70%;
    justify-content: center;
}

.catlogo {
    max-inline-size: 100%;
    display: block;
    margin: 0 auto;
    max-width: 10%;
    width: auto;
    height: auto;
    
}