@import url("https://fonts.googleapis.com/css?family=Open+Sans|Pinyon+Script|Rochester|Homemade+Apple");

.certificate {
  position: absolute;
  box-shadow: inset 0px 0px 20px 12px #3d246c;
  min-width: 800px;
  min-height: 400px;
  border: 14px solid #3d246c;
  flex-direction: column;
  display: none;
  padding-top: 35px;
}

.certificate .header {
  transform: translateY(-25px);
  display: flex;
  align-items: center;
  flex-direction: column;
}

.certificate .student-detail {
  display: flex;
  flex-direction: column;
  gap: 5px;
  align-items: center;
}

.cursive {
  font-size: 1.8rem;
  font-family: "Pinyon Script", cursive !important;
  font-family: "Rochester", cursive !important;
  font-style: italic;
  /* font-family: "Homemade Apple", cursive !important; */
}

.certificate hr {
  width: 90%;
}

.sans {
  font-family: "Open Sans", sans-serif;
  text-align: center;
}

.title {
}

.bold {
  font-weight: bold;
}

.red {
  color: red;
}

.certificate .logo {
  height: 80px;
  /* transform: translateY(-25px); */
}

.certificate .row {
  display: flex;
  flex-direction: column;
}

.btn-save {
  display: none;
}

.certificate #certificateStuName {
  font-size: 1.8rem;
  border-bottom: 2px solid black;
}

/* print */
@media print {
  @page {
    size: landscape;
    margin: 1in !important;
  }

  #drawer,
  .progress-bar,
  .anime-header,
  .anime-footer {
    display: none !important;
  }

  .main-window {
    border: none;
    box-shadow: none !important;
  }

  .main-container {
    transform: scale(1) translateY(0) !important;
  }

  .certificate {
    display: flex;
    transform: translateY(90px) scale(1.1, 1.5);
  }
}