@font-face {
  font-family: adrip;
  src: url(/assets/fonts/adrip1.ttf);
}
body{


}
html {
  height: 100%;
  margin: auto;
  overflow: auto;
}

body {
  font-family: Arial;
  color: #ff00ff;
  background: black !important;
}

.home-title {
  font-family: adrip;
  color: #ff00ff;
  font-size: 128px;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
}

.slogan {

  font-family: adrip;
  color: #ff00ff;
  font-size: 28px;
}


.villea {

  font-family: Arial;
  color: #ff00ff;
  font-size: 72px;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
}


/*CSS for the gallery*/

div.gallery {
  border: 1px solid #ff00ff;
}

div.gallery:hover {
  border: 1px solid #777;
}

div.gallery img {
  width: 100%;
  height: auto;
}

div.desc {
  padding: 15px;
  text-align: center;
}

* {
  box-sizing: border-box;
}

.responsive {
  padding: 0 6px;
  float: left;
  width: 24.99999%;
}

@media only screen and (max-width: 700px) {
  .responsive {
    width: 49.99999%;
    margin: 6px 0;
  }
}

@media only screen and (max-width: 500px) {
  .responsive {
    width: 100%;
  }
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}



@font-face {
  font-family: adrip;
  src: url(/assets/fonts/adrip1.ttf);
}


.home-title {
  font-family: adrip;
  color: #ff00ff;
  font-size: 128px;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
}

.slogan {

  font-family: adrip;
  color: #ff00ff;
  font-size: 28px;
  text-align: center;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
}

.homepage {
  display: flex;
  flex-direction: column;
}


.homepagediv {
  background: black;
  display: flex; /* establish flex container */
  flex-direction: column; /* make main axis vertical */
  justify-content: center; /* center items vertically, in this case */
  align-items: center; /* center items horizontally, in this case */
  height: 100vh;

}

header {
  border-bottom: solid #ff00ff;;
}