diff --git a/index.html b/index.html index fcd5e8d..30c7bff 100644 --- a/index.html +++ b/index.html @@ -14,4 +14,4 @@ main{height:100%;overflow-x:hidden;overflow-y:scroll;scroll-behavior:smooth;back .image-anchor{display:flex;align-items:center}.image-anchor:not(:first-child){padding-top:var(--line-height)}.image-anchor svg{width:var(--icon-size);height:var(--icon-size);margin-right:calc(var(--small-margin)/2)}.image-anchor span{font:400 1rem "Open Sans",sans-serif;color:var(--special-text-color);hyphens:auto;font-style:italic;cursor:pointer;position:relative;display:inline-block;overflow:hidden;padding:0 3px 2px 0;font-size:1.4rem}.image-anchor span:before,.image-anchor span:after{content:"";display:block;position:absolute;bottom:0}.image-anchor span:before{width:calc(100% + 10px);border-bottom:2px dashed var(--accent-color);transition:transform var(--transition-time)}.image-anchor span:after{width:100%;height:2px;background:linear-gradient(90deg, var(--card-color) 0, transparent 4px, transparent calc(100% - 4px), var(--card-color) 100%)}.image-anchor span:hover:before{transform:translateX(-10px)} .figure-container>.overlay{width:100%;height:100%;position:absolute;left:0;top:0;pointer-events:none}.figure-container>.overlay>.loading{width:var(--large-icon-size);height:var(--large-icon-size);position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);visibility:hidden}.figure-container>.overlay>iframe{width:100%;height:100%;border:none;position:absolute;left:0}.figure-container.loaded>.start-button{visibility:hidden}.figure-container.loaded>.overlay{pointer-events:all}.figure-container.loaded>.overlay>.loading{visibility:visible} @font-face{font-family:"Comfortaa";font-style:normal;font-weight:400;font-display:swap;src:local(""),url(04d2b916.woff2) format("woff2"),url(29092020.woff) format("woff")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:400;font-display:swap;src:local(""),url(a1535f45.woff2) format("woff2"),url(7958f4e4.woff) format("woff")}:root{--transition-time: 200ms;--transition-time-long: 350ms;--line-width: 4px;--line-height: 1.125rem;--accent-color: #b7455e;--sun-color: #f7f78c;--very-light-text-color: #ffffff;--background: #ffffff;--normal-text-color: #31343f;--card-color: #ffffff;--blurred-card-color: transparent;--blur-radius: 12px;--special-text-color: var(--accent-color);--inset-shadow: inset 0 0 4px 1px rgba(0, 0, 0, 0.05), inset 0 0 5px rgba(0, 0, 0, 0.2);--border-radius: 0.85rem;--large-margin: 4.6rem;--normal-margin: 2.8rem;--small-margin: 1.4rem;--shadow: 0 0 5px 2px rgba(0, 0, 0, 0.15), 0 0 1px rgba(0, 0, 0, 0.2);--icon-size: 2.8rem;--large-icon-size: 3.75rem;--body-width: min(80%, 60rem)}@media(max-width: 699px){:root{--body-width: 90%;--large-margin: 2.8rem;--normal-margin: 2rem}}html[theme=dark]{--background: #242638;--normal-text-color: #ffffff;--card-color: #263551;--blurred-card-color: #212f4a77;--special-text-color: #ffffff;--inset-shadow: inset 0 0 10px 2px rgba(0, 0, 0, 0.3), inset 0 0 4px rgba(0, 0, 0, 0.5)}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}@media(prefers-reduced-motion){*,*::before,*::after{transition:none !important;animation:none !important}}html[animations=off],html[animations=off] *,html[animations=off] *::before,html[animations=off] *::after{transition:none !important;animation:none !important}html{height:100%;overflow:hidden;-webkit-font-smooth:antialiased}@media(min-width: 1000px)and (max-width: 1440px){html{font-size:.875rem}}@media(max-width: 999px){html{font-size:.8rem}}@media print{html{font-size:.7rem}}body{background-color:var(--background);transition:background-color linear var(--transition-time);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);height:100%}@media print{body{height:auto}}noscript{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font:400 1.75rem "Comfortaa",sans-serif;color:var(--normal-text-color);hyphens:auto}img,video,iframe{user-select:none;-webkit-user-select:none}button{border:none;background:none}svg{stroke:var(--normal-text-color)}p{font:400 1.1rem "Open Sans",sans-serif;color:var(--normal-text-color);line-height:1.8;hyphens:auto}a{text-decoration:none}:focus{outline:none}:focus:not(:hover){outline:var(--accent-color) solid var(--line-width)}::selection{background-color:var(--accent-color);color:var(--very-light-text-color)} - \ No newline at end of file + \ No newline at end of file