@charset "UTF-8";
.wrapper {
  height: 100vh;
  display: flex;
  flex-direction: column;

}



img {
    max-width: 75%;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto; 
    margin-top: auto; 
    margin-bottom: auto;
    opacity: 0.7; 

  
  }

  .logo {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
  }

header,
footer {
  padding: 10px;
  
}

main {
  flex: 1;
  padding: 10px;


}

body {
  background-image: url("./bg.jpg");
  background-size: cover;
  background-position: center;
  margin: 0;
  font-family: arial, helvetica, sans-serif;
  font-size: 1em;
 
}

header {
  
}



footer {
position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;

}