@import url('https://fonts.googleapis.com/css2?family=Alumni+Sans+Pinstripe:ital@0;1&family=Libre+Franklin:ital,wght@0,100..900;1,100..900&display=swap');

body{
  padding-bottom: 100vh;
}
ul{
  list-style-type: none;
}
a{
  text-decoration: none;  
}
li{
  display: inline;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.navbar{
  background-color: white;
  font-family: "Alumni Sans Pinstripe", sans-serif;
  font-size: 20px;
  font-weight: 600;
  text-align: left;
  display: inline-block;
}

/*Home Page--------------------------*/
.home{
  /*background-image: url("/images/caillou.jpg");*/
  background-image: url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='40' height='40' patternTransform='scale(1) rotate(0)'><rect x='0' y='0' width='100%' height='100%' fill='%2314251cff'/><path d='M4 0v2.667h13.333V0zm0 2.667H0V16h4zM4 16v6.667h13.333V16zm13.333 6.667V36H24V22.667h-4zm6.667 0h13.333V16H24ZM37.333 16H40V2.667h-2.667zm0-13.333V0H24v2.667ZM24 36v4h13.333v-4zm-6.667 0H4v4h13.333z'  stroke-width='1' stroke='none' fill='%233a4b41ff'/></pattern></defs><rect width='800%' height='800%' transform='translate(-23,-7)' fill='url(%23a)'/></svg>");
  background-color: #14251C;
  background-size: cover;
  background-repeat: no-repeat;
}
.headimage{
  display: block;
  width: 60vw;
  height: auto;
  margin: auto;
  padding-top: 20px;
  padding-bottom: 3vh;
}
.photolink img{
  display: flex;
  height: 22vw;
  width: auto;
  padding-bottom: 3vh;
}
.linksul{
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0;
}

/*Photos--------------------------*/
.photos{
  background-image: url("https://i.makeagif.com/media/3-14-2017/VtTzbd.gif");
  background-size: cover;
}
.photosimage img{
  height: auto;
  width: 400px;
  padding: 10px;
  cursor: zoom-in;
}
.photosimage {
  padding-top: 10px;
  display: flex;
  justify-content: space-evenly;
}
input[type="checkbox"]{
  display: none; 
}
.photo-group input[type="checkbox"]:checked ~ label > img {
  cursor: zoom-out;
  transform: scale(1.5);
  display: block;
  margin: auto;
  margin-top: 100px;
}

/*Plants--------------------------*/
.plants{
  position: absolute;
  right: 15vw;
}

/*Spartan Memorial*/
.helmet{
  position: absolute;
}
.smem{
  background-color: #efb82a;
  background-image: url("/images/noblelogo.png");
  background-size: 10%;
  background-repeat: repeat;
}
.chief {
  padding: 5px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
  font-family: "Libre Franklin", sans-serif;
  font-size: 30px;
  font-weight: 700;
  display: block;
  color: #efb82a;
  background-color: #677156;
}
.jorge {
  display: flex;
  height: 500px;
  width: auto;
}