@charset "UTF-8"; /* ==================================================== */ /* */ /* Nexom WebSite common style */ /* */ /* ==================================================== */ /* Common ===================== */ /* ====== Base ====== */ @import url("https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,200..800;1,6..72,200..800&family=Noto+Sans+JP:wght@100..900&family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&family=Zalando+Sans+Expanded:ital,wght@0,200..900;1,200..900&display=swap"); /*** The new CSS reset - version 1.11.3 (last updated 25.08.2024) GitHub page: https://github.com/elad2412/the-new-css-reset ***/ /* Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property - The "symbol *" part is to solve Firefox SVG sprite bug - The "html" element is excluded, otherwise a bug in Chrome breaks the CSS hyphens property (https://github.com/elad2412/the-new-css-reset/issues/36) */ *:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) { all: unset; display: revert; } /* Preferred box-sizing value */ *, *::before, *::after { box-sizing: border-box; } /* Fix mobile Safari increase font-size on landscape mode */ html { -moz-text-size-adjust: none; -webkit-text-size-adjust: none; text-size-adjust: none; } /* Reapply the pointer cursor for anchor tags */ a, button { cursor: revert; } /* Remove list styles (bullets/numbers) */ ol, ul, menu, summary { list-style: none; } /* Firefox: solve issue where nested ordered lists continue numbering from parent (https://bugzilla.mozilla.org/show_bug.cgi?id=1881517) */ ol { counter-reset: revert; } /* For images to not be able to exceed their container */ img { max-inline-size: 100%; max-block-size: 100%; } /* removes spacing between cells in tables */ table { border-collapse: collapse; } /* Safari - solving issue when using user-select:none on the text input doesn't working */ input, textarea { -webkit-user-select: auto; } /* revert the 'white-space' property for textarea elements on Safari */ textarea { white-space: revert; } /* minimum style to allow to style meter element */ meter { -webkit-appearance: revert; -moz-appearance: revert; appearance: revert; } /* preformatted text - use only for this feature */ :where(pre) { all: revert; box-sizing: border-box; } /* reset default text opacity of input placeholder */ ::-moz-placeholder { color: unset; } ::placeholder { color: unset; } /* fix the feature of 'hidden' attribute. display:revert; revert to element instead of attribute */ :where([hidden]) { display: none; } /* revert for bug in Chromium browsers - fix for the content editable attribute will work properly. - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/ :where([contenteditable]:not([contenteditable=false])) { -moz-user-modify: read-write; -webkit-user-modify: read-write; overflow-wrap: break-word; -webkit-line-break: after-white-space; -webkit-user-select: auto; } /* apply back the draggable feature - exist only in Chromium and Safari */ :where([draggable=true]) { -webkit-user-drag: element; } /* Revert Modal native behavior */ :where(dialog:modal) { all: revert; box-sizing: border-box; } /* Remove details summary webkit styles */ ::-webkit-details-marker { display: none; } /* ====== Variables ====== */ /* WidthSize */ /* Separated */ /* Fonts */ /* Effect */ .pf-invert { mix-blend-mode: difference; } .pf-cover { position: fixed; width: 100vw; height: 100vh; height: 100svh; } body { background-color: #060b29; color: white; font-family: "Noto Sans JP", "Hiragino Sans", "ヒラギノ角ゴシック", "Yu Gothic", "游ゴシック", sans-serif; font-size: 16px; font-weight: 300; -ms-overflow-style: none; scrollbar-width: none; overflow-x: hidden; } p, b, strong { margin-block-end: 4px; line-height: 2rem; } h1 { font-size: 45px; margin-block: 48px 16px; } h2 { font-size: 32px; margin-block: 48px 16px; } h3 { font-size: 28px; margin-block: 48px 16px; } h4 { font-size: 22px; margin-block: 32px 8px; } h5 { font-size: 22px; margin-block: 32px 8px; } h6 { font-size: 22px; margin-block: 32px 8px; } h1, h2, h3, h4, h5, h6, b { font-weight: 400; } code { padding-block: 4px; padding-inline: 8px; border: 1px solid #3b3b3b; background-color: #141525; border-radius: 8px; font-family: "Source Code Pro"; font-size: 0.9rem; font-weight: 300; } pre { padding: 16px; border: 1px solid #3b3b3b; background-color: #141525; border-radius: 8px; overflow-x: auto; white-space: pre; -webkit-overflow-scrolling: touch; } pre code { padding: 0; border: none; background-color: initial; border-radius: unset; } img { max-width: 100%; pointer-events: none; } ul { margin-block: 8px; margin-inline-start: 4px; list-style-type: disc; } ul li { margin-block: 8px; margin-inline-start: 30px; } /* Layout ===================== */ .nex-header-wrapper { width: 100%; position: fixed; top: 0; left: 0; padding-block: 16px; padding-inline: 24px; } .nex-header-container { display: flex; justify-content: space-between; align-items: center; } .nex-header-box { display: flex; gap: 12px; } .nex-header-logo { font-size: 32px; font-family: "Zalando Sans Expanded"; } .nex-header-nav { font-size: 16px; font-family: "Zalando Sans Expanded"; } .nex-main-container { min-height: 100svh; } .nex-footer-container { padding-block: 12px; text-align: center; background-color: rgba(0, 0, 0, 0.05); backdrop-filter: blur(20px); border-block-start: 1px solid rgba(0, 0, 0, 0.1019607843); } .nex-footer-text { margin: 0; font-size: 0.8rem; text-shadow: 0 0 12px black; } .nex-helo-wrapper { height: 400px; margin: 16px; display: grid; place-items: center; } .nex-helo-card { position: relative; width: min(1000px, 100%); border-radius: 16px; } .nex-helo-background { position: fixed; top: 0; left: 0; z-index: -1; width: 100vw; height: 100vh; } .nex-helo-background img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .nex-helo-title { margin-block: 0; line-height: 64px; font-size: 64px; font-family: "Zalando Sans Expanded"; text-align: center; } @media (max-width: 800px) { .nex-helo-title { line-height: 48px; font-size: 48px; } } @media (max-width: 630px) { .nex-helo-title { line-height: 32px; font-size: 32px; } } .nex-introductions-container { width: min(700px, 98%); margin-inline: auto; padding: 16px; background-color: rgba(0, 0, 0, 0.05); backdrop-filter: blur(20px); border-radius: 24px; border: 1px solid rgba(0, 0, 0, 0.1019607843); text-align: center; } .nex-introductions-title { font-size: 32px; margin-block-start: 0; } .nex-introductions-button { width: 120px; padding-block: 8px; padding-inline: 12px; border-radius: 12px; background-color: rgba(0, 0, 0, 0.54); backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.3098039216); } .nex-introductions-links { display: flex; justify-content: center; gap: 16px; } .nex-documents-wrapper { width: -moz-fit-content; width: fit-content; margin-block-start: 80px; margin-inline: auto; display: grid; grid-template-columns: 300px 700px; gap: 24px; } .nex-documents-contentstable { width: min(600px, 100%); padding: 12px; } .nex-documents-index { width: min(600px, 100%); padding: 12px; }/*# sourceMappingURL=style.css.map */