* {
  box-sizing: border-box;
}


.display_zone {
  min-height: calc(100vh - 125px);	
}

#main {
  /*margin-top: 80px;*/
}

.footer {
  height: 125px;
  background-color: #0275d8; 
  padding-top: 1rem;
  color: white;
}

/* when width < 720px */
@media (max-width: 720px) {
  .footer {
    height: 250px;
  }	  
}

/* layout */
body {
  height: 100vh;	
  /*padding-top: 70px;*/
  background-color: #eff5ff;
  background-image: url("/static/site1/img/circuit2.png");  
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}

/* django-block: urls,views,template */
.dj-code .title {
  border: 1px solid black;
  width: min-content;
  background-color: hsla(185, 100%, 44%, 0.3);
}

.dj-code .zone {
/*  border: 1px solid black; */
}

/* content and side */
#content, #last-posts, #clock {
 box-shadow: 15px 15px 10px gray;
 background-color: white;
}

#content {
  padding: 15px;
  overflow-x: auto;  
}

/* for some reason, on the server, this is ignored otherwise ! */
#content {
  overflow-x: auto !important;
}

#clock {
  display: inline;	
}	

#main {
  margin-bottom: 10px;
}

/* home page */
#home_img {
  height: auto;
  width: 100%;
}

#home_title {
  text-align: center;
}

#void {
  /*height: 1000px;*/
  height: 30vw;	
  background-color: white;  
}