@font-face {
    font-family: "Noto Emoji Regular";
    src: url('NotoEmoji-Regular.ttf')  format('truetype');
}

body {
    background-color: white;
    background: white;
}

.substack-embed {
    background:white; 
    border: none;
}

.center {
  margin: auto;
  text-align:center;
  align: center;
}

.left {
  margin: auto;
  text-align:left;
  align: center;
}

.holder{
  width: 70vw;
  height: 500px;
  position: relative;
  margin: auto;
}

.bar{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 70px;
  border-style: solid;
  border-color: white;
  background-color: white;
  border:none;
  color:white;
}

/* For Mobile devices, width is 95% and height is 75% of the screen*/
@media only screen and (max-width: 1000px) {
  /* For mobile phones: */
  [class*="holder"] {
    width: 95%;
    height: 63vh;
  }
}

/* This is for the Share button to hide the default html icon with nothin*/
details > summary {
    list-style-type: '';
    list-style-type: none;
}
details[open] > summary {
    list-style-type: '';
    list-style-type: none;
}
details {
    border:none;
}
details[open] > summary {
    border:none;
}

details > summary::-webkit-details-marker {
    display: none;
}