2 lines
7.0 KiB
CSS
2 lines
7.0 KiB
CSS
/* Generated using Nebulosa CSS. https://git.qwik.space/BurnyLlama/nebulosa-css */
|
||
:root,*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}:root,body{font-family:"Manrope",sans-serif;line-height:1.5;color:#fafaff;background-color:#0f0f24;font-size:12pt}@font-face{font-family:"Manrope";src:local("Manrope"),url("/assets/fonts/Manrope-Variable.woff2") format("woff2");font-weight:200 800}@font-face{font-family:"Alegreya";src:local("Alegreya"),url("/assets/fonts/Alegreya-Regular.woff2") format("woff2");font-weight:400}@font-face{font-family:"Alegreya";src:local("Alegreya"),url("/assets/fonts/Alegreya-Italic.woff2") format("woff2");font-weight:400;font-style:italic}h1,h2,h3,h4,h5,h6{font-weight:200;margin:.75em 0 .25em 0}h1{font-size:3.2rem;position:relative}h1::before{content:"";position:absolute;top:0;left:0;width:5rem;height:.1rem;background-color:#eb5beb}h2{font-size:2.4rem}h3{font-size:2rem}h4{font-size:1.8rem}h5{font-size:1.6rem}h6{font-size:1.4rem}header{padding:3rem 0}header>h1{margin:0;font-size:6.4rem;font-weight:300}header>h1::before{content:none}header>h2{margin:0;font-size:4.8rem;font-weight:200}p,ul,ol{font-family:"Alegreya",serif;font-size:1rem;margin:1rem 0 .5rem 0}ul,ol{margin:0 0 1.5rem 2rem}ul>li::marker,ol>li::marker{color:#8484ae}blockquote{position:relative;font-family:"Alegreya",serif;margin:2rem 1rem;padding:1rem;background-color:#1f1f47;box-shadow:.5rem .5rem 0 0 #cecee3}blockquote::before{font-family:"Alegreya",serif;font-size:2rem;text-align:center;content:'"';position:absolute;top:-0.75rem;left:-0.75rem;height:2rem;width:2rem;border-radius:100%;color:#fafaff;background-color:#eb5beb}blockquote[cite]{margin-bottom:3rem}blockquote[cite]::after{content:"– " attr(cite);position:absolute;bottom:-2.5rem;right:3rem;color:#52527a}.btn{cursor:pointer;display:block;text-decoration:none;text-align:center;margin:.5rem 1rem .5rem 0;padding:.5rem 1rem;border:2px solid #eb5beb}.btn.raised{transform:translateY(-0.3rem);box-shadow:0 .3rem 0 0 #d943d9;transition:.3s transform,.3s box-shadow}.btn.raised:hover{transform:translateY(0);box-shadow:0 0 0 0 #d943d9}.btn.raised.primary{color:#fafaff;background-color:#eb5beb}.btn.raised.secondary{color:#fafaff;background-color:#ff4da3;border-color:#ff4da3;box-shadow:0 .3rem 0 0 #e03d8c}.btn.raised.secondary:hover{box-shadow:0 0 0 0 #e03d8c}.btn.raised[disabled]{color:#6b6b94;background-color:#cecee3;border-color:#cecee3;box-shadow:0 .3rem 0 0 #aeaed1}.btn.raised[disabled]:hover{transform:translateY(-0.3rem)}.btn.filled{transition:.3s color,.3s background-color}.btn.filled.primary{color:#fafaff;background-color:#eb5beb}.btn.filled.secondary{color:#fafaff;background-color:#ff4da3;border-color:#ff4da3}.btn.filled:hover{color:#0f0f24;background-color:rgba(0,0,0,0)}.btn.filled[disabled]{color:#6b6b94;background-color:#cecee3;border-color:#cecee3}.btn.outline{transition:.3s color,.3s background-color}.btn.outline.primary{color:#fafaff;background-color:rgba(0,0,0,0)}.btn.outline.primary:hover{background-color:#eb5beb}.btn.outline.secondary{color:#fafaff;background-color:rgba(0,0,0,0);border-color:#ff4da3}.btn.outline.secondary:hover{background-color:#ff4da3}.btn.outline[disabled]{color:#6b6b94;border-color:#cecee3}.btn.textonly{font-weight:bold;font-family:"Manrope";padding:.5rem .3rem;background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0);text-transform:uppercase}.btn.textonly.primary{color:#eb5beb}.btn.textonly.primary:hover{text-decoration:wavy underline}.btn.textonly.secondary{color:#fafaff}.btn.textonly.secondary:hover{text-decoration:wavy underline}.btn.textonly[disabled]{color:#aeaed1}.btn[disabled]{cursor:not-allowed}form{display:grid;width:min(100%,75ch);grid-template-columns:max-content min-content 1fr}form>*{font-family:"Manrope",sans-serif}form>label:not(.description){grid-column:1/2;margin-right:1rem;place-self:center end}form>label.description{margin-left:.5rem;grid-column:3/4;place-self:center start}form>input,form select,form textarea,form p.hint{grid-column:2/4}form p.hint{font-size:.75rem;margin:0 .5rem}form input[type=checkbox],form input[type=radio]{grid-column:2/3}input,textarea,select{background-color:#1f1f47;border:.1rem solid #1f1f47;margin:.5rem;padding:.5rem .75rem;font-family:"Manrope",sans-serif;font-size:1rem;transition:border-color .3s;display:block}input:hover,textarea:hover,select:hover{border-color:#eb5beb}input:active,input:focus,textarea:active,textarea:focus,select:active,select:focus{border-color:#eb5beb;outline:.1rem solid #eb5beb}input::placeholder,textarea::placeholder,select::placeholder{color:#52527a}input[type=checkbox],input[type=radio]{cursor:pointer;appearance:none;height:1rem;width:1rem;padding:.75rem;display:block;background-color:#1f1f47;border:.15rem solid #cecee3;border-radius:.5rem;position:relative;transition:color .3s,background-color .3s,border-color .3s}input[type=checkbox]:checked,input[type=radio]:checked{border-color:#eb5beb;background-color:#eb5beb}input[type=checkbox]:checked::after,input[type=radio]:checked::after{content:"✔";font-size:125%;color:#fafaff;position:absolute;left:50%;top:50%;translate:-50% -50%;transition:translate .3s,left .3s,background-color .3s}textarea{resize:vertical}input[type=radio]{border-radius:100%}input[type=radio]:checked::after{content:"";background-color:#fafaff;border-radius:100%;width:80%;height:80%;position:absolute}input[type=checkbox].switch{height:1px;width:3rem;border-radius:1rem}input[type=checkbox].switch::after{content:"";background-color:#cecee3;border-radius:100%;height:80%;aspect-ratio:1/1;position:absolute;top:50%;left:.1rem;translate:0 -50%;transition:.3s}input[type=checkbox].switch:checked::after{left:calc(100% - .1rem);translate:-100% -50%;background-color:#fafaff}input[type=color]{width:3rem;height:3rem;padding:.5rem;cursor:pointer}input[type=color]::-moz-color-swatch,input[type=color]::-webkit-color-swatch{width:100%;height:100%;border:0 none rgba(0,0,0,0)}input[type=file]{font-family:"Manrope",sans-serif;color:#6b6b94}input[type=file]::file-selector-button{font-family:"Manrope",sans-serif;transition:.3s color,.3s background-color;cursor:pointer;text-decoration:none;text-align:center;margin:.5rem 1rem .5rem 0;padding:.5rem 1rem;border:2px solid #eb5beb;color:#0f0f24;background-color:rgba(0,0,0,0)}input[type=file]::file-selector-button:hover{background-color:#eb5beb}input[type=range]{color:rgba(0,0,0,0);background-color:rgba(0,0,0,0);border:0 none rgba(0,0,0,0);padding:0}input[type=range]::-moz-range-track,input[type=range]::-webkit-slider-runnable-track{background-color:#eb5beb;height:.5rem;border-radius:.25rem}@supports selector(input[type="range"]::-moz-range-progress){input[type=range]::-moz-range-track,input[type=range]::-webkit-slider-runnable-track{background-color:#cecee3}}input[type=range]::-moz-range-thumb,input[type=range]::-webkit-slider-thumb{background-color:#fafaff;height:1.25rem;width:1.25rem;border:1px solid #aeaed1;border-radius:.75rem;cursor:pointer}input[type=range]::-moz-range-progress{background-color:#eb5beb;height:.5rem;border-radius:.25rem}body.publishing{display:grid;place-content:center}body.publishing main{margin:5vh 0;width:min(80ch,90vw)} |