html {
  background-size: cover;
  background: linear-gradient(rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.95)), url("../img/background.jpg"), fixed;
}

@font-face {
    font-family: "Noto Serif";
    font-style: normal;
    font-weight: 100 900;
    src: url("NotoSerifSC-VF.woff2") format("woff");
}

body {
    font-family: "Noto Serif", sans-serif;
    margin: 0;
    display: grid;
    gap: 10px;
    min-height: 100vh;
}

h2 {
    color: #93000A;
    border-left: 2px solid #93000A;
    padding-left: 0.5em;
    font-size: 2em;
}

.main-container {
max-width: min(1800px, 90%); display: grid; gap: 60px; grid-template-columns: 1fr 1fr 1fr; margin: 0 auto 60px;
}
@media(max-width:900px){
.main-container{grid-template-columns: none;}
.sub-container{display: none;}
}