*,
html {
    margin: 0;
    padding: 0;
}

.container {}

.container-navbar {
  background-color: #333;
  width: 100%;
  height: 10vh;
}

.ul-navbar {
  display: flex;
  height: 100px;
  justify-content: center;
  align-items: center;
}

.li-navbar {
list-style-type: none;
padding: 10px;
margin: 15px;
color: #FFFFFF;
background: #333333;
text-shadow: 0 -1px 4px #FFF, 0 -2px 10px #ff0, 0 -10px 20px #ff8000, 0 -18px 40px #F00;
font-size: 50px;
}

.li-navbar:hover{
  background-color: tomato;
  transition: .5s ease-in-out;
  transition-delay: .3s;
  border-radius: 8px;
}

.a-navbar {
  color: white;
  text-decoration: none;
  font-weight: 800;
}

.container-content {
 background-image: url("ChatGPT Image Apr 10, 2026, 03_17_10 AM.png");
 display: flex;
 justify-content: center;
 align-items: center;
 height : 80vh;
}

.a-content {
background-color: white;
color: #FFFFFF;
background: #333333;
text-shadow: #FFF 0px 0px 5px, #FFF 0px 0px 10px, #FFF 0px 0px 15px, #FF2D95 0px 0px 20px, #FF2D95 0px 0px 30px, #FF2D95 0px 0px 40px, #FF2D95 0px 0px 50px, #FF2D95 0px 0px 75px;
text-decoration: none;
font-site: 30px;
width: 1024%;
heigt: 1536%;
display: flex;
flex-direction: column;
justify-content: space-evenly;
align-items: center;
border-radius: 80ps;
box-shadow: background: #CE5937;
background: -moz-linear-gradient(left, #CE5937 0%, #1C6EA4 50%, #C59237 100%);
background: -webkit-linear-gradient(left, #CE5937 0%, #1C6EA4 50%, #C59237 100%);
background: linear-gradient(to right, #CE5937 0%, #1C6EA4 50%, #C59237 100%);;
}

.img-content {
    width: 100%;
    heigt: 100%;
}

.container-footer {
height: 10%;
background-color: crimson ;
display: flex;
justify-content: center;
align-items: center;
}

.h1-footer {
  font-size: 25px;
}