@media (min-width: 1025px) {
.pdf-viewer { width: 100%; height: 80vh; margin-bottom: 40px; } .app-header { position: relative; z-index: 0; width: 100%; height: 100vh; display: flex; justify-content: center; } .app-header h1 { text-align: center; font-family: var(--secondary-font) !important; font-style: normal; color: rgba(252, 206, 192, 1); font-size: min(5vw, 110px); font-weight: 800 !important; width: 100%; z-index: 2; margin: 0 !important; position: absolute; } .app-header-image-wrapper { display: flex; flex-direction: column; justify-content: center; width: 70vw; max-width: 1386px; position: relative; } .app-header-image-wrapper img {
box-shadow: 0px 0px 35px 0px #000000;
object-fit: cover; }
.app-content { position: relative; display: grid; grid-template-columns: 1fr 300px; column-gap: 20px; padding: 96px 10vw; background-color: #ffffff; z-index: 9999; color: black; font-style: normal; font-weight: 300; letter-spacing: 0em; text-align: left; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox */ box-sizing: border-box; width: 100% !important; line-height: 1.5; } .app-content-text { position: relative; padding-right: 96px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox */ box-sizing: border-box; } .references-wrapper>.breaker { width: 180px; height: 7px; background-color: rgba(13, 75, 94, 1); margin: 48px 0px; border-radius: 300px; } .references-container { display: grid; grid-template-columns: 48px 1fr; column-gap: 16px; font-family: var(--main-font); font-size: 1.5vh; font-style: normal; font-weight: 400; letter-spacing: 0em; text-align: left; } .references-container>.number { text-align: right; } .references-wrapper>h2 { font-family: var(--secondary-font); font-size: 4.5vh; font-style: normal; font-weight: 800; letter-spacing: 0em; text-align: left; margin-bottom: 37px !important; } .content-page-container { position: relative; } .content-page-container h1, .content-page-container h2, .content-page-container h3, .content-page-container h4, .content-page-container h5 { font-family: var(--secondary-font); font-weight: 800; } .content-page-container h3 { font-size: 4.5vh !important; font-family: var(--secondary-font) !important; margin: 0 !important; margin-bottom: 40px !important; } .content-page-container h4 { font-size: 2.5vh !important; font-family: var(--secondary-font) !important; margin: 0 !important; margin-bottom: 40px !important; } .content-page-container h5 { font-size: 2.2vh !important; font-family: var(--secondary-font) !important; margin: 0 !important; margin-bottom: 40px !important; } .content-page-container p { font-family: var(--main-font) !important; font-size: 2vh !important; margin: 0 !important; margin-bottom: 40px !important; } .content-page-container h3, .content-page-container p { font-style: normal; margin-bottom: 40px; } .content-page-container ul, .content-page-container ol { margin: 0 !important; margin-left: 40px !important; margin-bottom: 40px !important; font-family: var(--main-font); font-size: 2vh !important; font-style: normal; font-weight: 300; letter-spacing: 0em; text-align: left; } .content-page-container ul { list-style-image: none !important; list-style-type: disc; } .content-page-container .figure-container { position: relative; width: 100% !important; margin: 0 !important; margin-bottom: 40px !important; font-family: var(--main-font); font-size: 1.8vh; font-style: normal; font-weight: 300; letter-spacing: 0em; text-align: left; display: flex; flex-direction: column; align-items: flex-start; } .content-page-container .figure-container.center { align-items: center; } .content-page-container .figure-container img { max-width: 100%; margin-bottom: 15px; } .content-page-container .figure-container div { width: 100%; }
.illustration{ position: relative; width: 100% !important; margin: 0 !important; margin-bottom: 40px !important; font-family: var(--main-font); font-size: 1.8vh; font-style: normal; font-weight: 300; letter-spacing: 0em; text-align: left; display: flex; flex-direction: column; align-items: flex-start; } .illustration.center { align-items: center; } .illustration div { width: 100%; } .illustration img { max-width: 100%; margin-bottom: 15px; }
::selection { color: black; background: #fccec0; } .index-headline { color: #0D4B5E; }
a { color: #1b8489; } a:visited { color: #054d54; } .code-snippet {
}