@tailwind base;
@tailwind components;
@tailwind utilities;



body > div.w-screen.flex.justify-center.bg-black.flex-col.items-center > p{
    width: 50%;
    text-align: center;
    padding: 10px;
}

body > div.w-screen.flex.justify-center.bg-black.flex-col.items-center > h1 {
    margin-top: 70px;
    font-size: 24px;
}

body > div.h-\[100vh\].bg-black.w-full.flex.justify-center.items-center > div > div:nth-child(1) > div:nth-child(1){
    background-image: url('/images/bggreen.png');
    background-repeat: no-repeat;
    background-size: cover;
    border: solid;
    border-color: rgb(16, 1, 16);
}
body > div.h-\[100vh\].bg-black.w-full.flex.justify-center.items-center > div > div:nth-child(1) > div:nth-child(2){
    background-image: url('/images/bgpurple.png');
    background-repeat: no-repeat;
    background-size: cover;
    border: solid;
    border-color: rgb(16, 1, 16);
}

body > div.h-\[100vh\].bg-black.w-full.flex.justify-center.items-center > div > div:nth-child(2) > div:nth-child(1){
    background-image: url('/images/bgred.png');
    background-repeat: no-repeat;
    background-size: cover;
    border: solid;
    border-color: rgb(16, 1, 16);
}
body > div.h-\[100vh\].bg-black.w-full.flex.justify-center.items-center > div > div:nth-child(2) > div:nth-child(2){
    background-image: url('/images/bgyellow.png');
    background-repeat: no-repeat;
    background-size: cover;
    border: solid;
    border-color: rgb(16, 1, 16);
}
body > div.h-\[100vh\].bg-black.w-full.flex.justify-center.items-center > div > div:nth-child(2) > div:nth-child(3){
    background-image: url('/images/cultureBg.png');
    background-repeat: no-repeat;
    background-size: cover;
    border: solid;
    border-color: rgb(16, 1, 16);
}


body > div.h-\[100vh\].bg-black.w-full.flex.justify-center.items-center.mt-10 {
    margin-top: 50px;
}

.font-oswald {
    font-family: Oswald;
}

.font-poppins {
    font-family: Poppins;
}


.dropdown {
    position: relative;
    display: inline-block;
  }
  
  .dropdown-content {
    display: none;
    position: absolute;
    background-color: white;
    min-width: 160px;
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2);
    z-index: 1;
  }
  
  .dropdown-content a {
    color: black;
    padding: 10px 16px;
    text-decoration: none;
    display: block;
  }
  
  .dropdown-content a:hover {background-color: #ddd;}
  
  .dropdown:hover .dropdown-content {display: block;}
  
  .dropdown:hover .dropbtn {background-color: white;
  color : black}