@import "shrine.css";

body {
  background-color: navy;
  background-image: url(../image/bg-hi3.jpg);
  background-size: cover;
  background-attachment: fixed;
  color: #fff;
}

.container {
  font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
}

h2 {
  color: #f39c12;
}

nav li {
  display: inline;
}

nav ul {
  padding: 0px;
}

a {
  text-decoration: none;
  color: cyan;
}

a:hover {
  color: white;
}

.main {
  background-color: rgba(40, 47, 63, 0.9);
  padding: 10px;
  padding-left: 40px;
  padding-right: 40px;
  border-radius: 20px;
  /* animation */
  opacity: 0%;
  animation-name: fadeout;
  animation-duration: 2s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}

.footer {
  text-align: center;
}

/* screen width */

@media only screen and (max-width: 715px) {
  /* For images */
  .container {
    width: 100%;
    padding: 0px;
  }
}

/* animation */

@keyframes fadeout {
  from {
    opacity: 0%;
  }
  to {
    opacity: 100%;
  }
}