3 lines
16 KiB
Plaintext
3 lines
16 KiB
Plaintext
html{--light: #fff;--dark: #010101;--gray: #f5f5f5;--bubble: #111;--accent: var(--gray);--bg: var(--light);--text: var(--dark);--theme: #ef7f1a;--title: #4f2c16;--font: 'Metropolis', sans-serif}@media (prefers-color-scheme: dark){*{box-shadow:none !important}html{--bg: var(--dark);--text: var(--light);--accent: var(--bubble)}}.post_title,.post{max-width:750px;margin:0 auto}@font-face{font-family:'Metropolis';font-style:normal;font-weight:400;src:local("Metropolis Regular"),local("Metropolis-Regular"),url("../fonts/Metropolis-Regular.woff2") format("woff2"),url("../fonts/Metropolis-Regular.woff") format("woff")}@font-face{font-family:'Metropolis';font-style:normal;font-weight:300;src:local("Metropolis Light"),local("Metropolis-Light"),url("../fonts/Metropolis-Light.woff2") format("woff2"),url("../fonts/Metropolis-Light.woff") format("woff")}@font-face{font-family:'Metropolis';font-style:italic;font-weight:300;src:local("Metropolis Light Italic"),local("Metropolis-LightItalic"),url("../fonts/Metropolis-LightItalic.woff2") format("woff2"),url("../fonts/Metropolis-LightItalic.woff") format("woff")}@font-face{font-family:'Metropolis';font-style:normal;font-weight:500;src:local("Metropolis Medium"),local("Metropolis-Medium"),url("../fonts/Metropolis-Medium.woff2") format("woff2"),url("../fonts/Metropolis-Medium.woff") format("woff")}@font-face{font-family:'Metropolis';font-style:italic;font-weight:500;src:local("Metropolis Medium Italic"),local("Metropolis-MediumItalic"),url("../fonts/Metropolis-MediumItalic.woff2") format("woff2"),url("../fonts/Metropolis-MediumItalic.woff") format("woff")}@font-face{font-family:'Cookie';font-style:normal;font-weight:400;src:local("Cookie-Regular"),url("../fonts/cookie-v10-latin-regular.woff2") format("woff2"),url("../fonts/cookie-v10-latin-regular.woff") format("woff")}*{box-sizing:border-box;-webkit-appearance:none;margin:0;padding:0}body,html{scroll-behavior:smooth}html{font-size:1.1rem}body{font-family:var(--font);background-color:var(--bg);color:var(--text);text-align:justify;line-height:1.5;margin:0 auto;position:relative;font-kerning:normal;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:inherit}blockquote{opacity:0.8;padding:1rem;position:relative;quotes:"“" "”" "‘" "’";margin:0.75rem 0;display:flex;flex-flow:row wrap;background-repeat:no-repeat;background-size:5rem;background-position:50% 50%;position:relative}blockquote::before{content:"";padding:1px;position:absolute;top:0;bottom:0;left:0;background:var(--theme)}blockquote p{padding-left:0.5rem 0 !important;font-size:1.1rem !important;width:100%;font-weight:300;font-style:italic}h1,h2,h3,h4,h5{font-family:inherit;font-weight:500;padding:5px 0;margin:15px 0;color:inherit;line-height:1.35}h1{font-size:200%}h2{font-size:175%}h3{font-size:150%}h4{font-size:125%}h5{font-size:120%}h6{font-size:100%}img,svg,video{max-width:100%;vertical-align:middle}img{height:auto;margin:1rem auto;padding:0}main{padding-bottom:45px;flex:1}ul{list-style:none;-webkit-padding-start:0;-moz-padding-start:0}b,strong,em{font-weight:500}hr{border:none;padding:0.5px;background:var(--theme);opacity:0.5;margin:1rem 0}aside h3{position:relative;margin:0 !important}span.pager_link{opacity:0.5}ol{counter-reset:my-awesome-counter;list-style:none !important;padding-left:3rem;margin-left:0.5rem}ol li{margin:0 0 0.5rem 0;counter-increment:my-awesome-counter;position:relative;padding-left:0.5rem !important}ol li::before{content:counter(my-awesome-counter);font-size:1.15rem;display:inline-grid;align-items:center;font-weight:500;position:absolute;--size: 1.8rem;left:-2rem;line-height:var(--size);width:var(--size);height:var(--size);color:var(--theme);border-radius:50%;text-align:center;top:0.25rem;border-right:2px solid var(--theme)}ol li.align::before{top:1rem}.lds-facebook{display:inline-block;position:relative;width:80px;height:80px}.lds-facebook div{display:inline-block;position:absolute;left:8px;width:16px;background:var(--theme);animation:lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite}.lds-facebook div:nth-child(1){left:8px;animation-delay:-0.24s}.lds-facebook div:nth-child(2){left:32px;animation-delay:-0.12s}.lds-facebook div:nth-child(3){left:56px;animation-delay:0}@keyframes lds-facebook{0%{top:8px;height:64px}50%,100%{top:24px;height:32px}}.smaller{font-size:0.8rem;color:grey}.pages{color:lightgrey}button{background-color:var(--theme);color:white;margin:0.5em;padding-left:2em;padding-right:2em;padding-top:1em;padding-bottom:1em;font-size:1rem;font-family:inherit;cursor:pointer;border-radius:5px;transition:0.5s}button:hover{background-color:black;color:white}.index-title{height:95vh !important}.index-title h1{margin-left:0.5em;font-size:5em;font-family:'Signika', sans-serif;text-transform:uppercase;margin-top:0.5em;color:var(--title);text-shadow:1px 1px 2px lightgrey;width:30%}@media (min-width: 960px){.index-title h1{margin-left:2em;font-size:6em}}@media screen and (min-width: 769px){.nav-menu a{display:inline-block;height:initial;text-align:left}}.video{overflow:hidden;padding-bottom:56.25%;position:relative;height:0;margin:1.5rem 0;border-radius:1rem;background-color:var(--bg);box-shadow:0 1rem 4rem rgba(0,0,0,0.17)}.video iframe{left:0;top:0;height:100%;width:100%;position:absolute;transform:scale(1.03)}.copy{position:relative;cursor:pointer;height:1.5rem;width:1.5rem}.copy svg{fill:var(--theme);width:100%;height:100%}.copy::before,.copy::after{content:"";position:absolute;background:var(--theme);color:var(--light);opacity:0;transition:opacity 0.25s ease-in}.copy::before{content:attr(data-share);font-size:0.8rem;width:5.4rem;padding:0.25rem;border-radius:0.25rem;text-align:center;top:-2rem;right:0}.copy_done::before{content:attr(data-copied)}.copy:hover::before,.copy:hover::after{opacity:1}.author,.comment{display:grid;grid-template-columns:4rem 1fr;grid-gap:0 0.75rem;padding:1rem;margin:1.5rem 0;background-color:var(--accent);border-radius:0.5rem;box-shadow:0 0.5rem 2rem rgba(0,0,0,0.12)}.author_name,.comment_name{color:var(--text) !important;font-size:1.25rem;text-transform:capitalize}.author_name,.author_pic,.comment_name,.comment_pic{border:none !important}.author_pic,.comment_pic{padding:0 0.33rem;overflow:hidden}.author_pic img,.comment_pic img{border-radius:50%;margin:0}.author_bio,.comment_bio{padding:0 !important;line-height:1.33}.author_heading,.comment_heading{font-size:0.7rem}.author_meta,.comment_meta{display:flex;flex-flow:column;justify-content:center}.modal{display:none;position:fixed;bottom:0;top:0;left:0;right:0;z-index:9999}.modal_close{margin:25px 0;color:var(--light);border:0;cursor:pointer;padding:5px 15px}.modal_inner{display:inline-flex;flex-direction:column;align-items:center;background:var(--accent);max-width:540px;padding:1.5rem;box-shadow:0 1.5rem 6rem rgba(0,0,0,0.12);border-radius:1rem}.modal_show{overflow:hidden;position:relative}.modal_show::before{position:absolute;content:'';top:0;left:0;width:100%;height:100%;z-index:999;background-color:rgba(0,0,0,0.6)}.modal_show .modal{display:flex;flex-direction:column;align-items:center;justify-content:center}.modal_title{margin:0 !important}.modal::before{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,0.7);z-index:10}.btn{font-size:1rem;margin:1rem 0 1.5rem;padding:0.5rem 2rem;background:var(--theme);box-shadow:0 1rem 4rem rgba(0,0,0,0.5);cursor:pointer;text-align:center;text-transform:uppercase;border-radius:3rem;border:none;outline:none}.btn,.btn_group{width:12rem;display:inline-block;color:var(--light)}.btn_group{position:relative;margin:1rem 0}.btn_group .btn{margin:0}.btn_close{content:"X";width:2.5rem;position:absolute;right:0;top:0;bottom:0;display:grid;align-items:center;text-align:center;font-size:1rem;background-image:url("../images/icons/close.svg");background-size:36% !important;border-left:1px solid var(--bg);z-index:2;cursor:pointer;margin:0}.icon{background-size:75%;background-position:center;background-repeat:no-repeat}.pale{opacity:0.7}.hidden{display:none}.center{text-align:center;margin:5px auto}.wrap{padding:10px 0;max-width:1024px;margin:0 auto}.mt{margin-top:7rem}.link{display:inline-block;width:2.5rem;margin:0 0.25rem;padding:0 0.25rem;opacity:0;transition:opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1)}.link_owner:hover .link{opacity:0.9}.link img{margin:0}.solo{grid-column:1/-1}.never{min-height:60vh;background-image:url("../images/icons/sitting.svg");background-position:right bottom;background-repeat:no-repeat;background-size:contain;padding:0 1.5rem;margin-top:6rem}.never_title{text-align:left}@keyframes showMenu{0%{top:100%;opacity:0}100%{top:0;opacity:1}}@keyframes hideMenu{0%{top:0;opacity:1}100%{top:100%;opacity:0}}.align h2,.align h3,.align h4,.align h5,.align h6{margin:0.33rem 0 !important}#logo{position:absolute;width:calc(1rem + 9vw);left:10px;top:-0.5rem}@media (min-width: 960px){#logo{position:fixed}}.nav{position:absolute;top:0;width:100%;transition:height 0.4s cubic-bezier(0.52, 0.16, 0.24, 1);z-index:999}.nav_main_item{display:none !important}@media (min-width: 960px){.nav_main_item{display:inline !important}}.nav_bar{width:100%;position:relative;display:block}@media (min-width: 960px){.nav_bar{display:none}}.nav_bar-wrap{width:1.8rem;height:1.8rem;display:grid;align-items:center;cursor:pointer;z-index:99;min-height:1.5rem}.nav_bar,.nav_bar::after,.nav_bar::before{padding:1px;border-radius:2px;background-color:var(--text)}.nav_bar::after,.nav_bar::before{content:"";position:absolute;width:1.2rem}.nav_bar::before{top:-0.5rem}.nav_bar::after{top:0.5rem;right:0}.nav-body{box-shadow:0 1.5rem 6rem rgba(0,0,0,0.17);position:fixed;right:10px;z-index:1;top:100%;opacity:0;overflow:hidden;background:transparent;background-color:var(--accent);width:16rem;padding:100px 0;min-height:100vh;z-index:1}.nav-body:hover{box-shadow:0 1.5rem 6rem rgba(0,0,0,0.27)}.nav-body a{display:block;padding:12.5px 25px;margin-bottom:2px;border-bottom:1px solid var(--accent)}.nav-body a:hover{color:var(--theme)}.nav-brand{font-family:'Signika', sans-serif;font-size:1.5em !important;padding-top:0 !important;padding-bottom:0 !important;color:var(--title) !important}.nav-close{display:flex;justify-content:flex-start;align-items:center;position:absolute;top:0;right:0;width:100%;padding:25px}.nav-close:after,.nav-close:before{content:'';width:18px;padding:1.5px;background:var(--text);opacity:0.7;position:relative}.nav-close:before{transform:rotate(20deg) translateX(1.5px)}.nav-close:after{transform:rotate(-20deg) translateX(-1.5px)}.nav-drop{cursor:pointer;top:0;bottom:0;z-index:1000}.nav-exit{animation:hideMenu 0.5s cubic-bezier(0.52, 0.16, 0.24, 1) forwards}.nav-menu{position:relative;padding:10px 25px 10px 0;padding-left:15vw;height:100%;max-width:1024px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}@media (min-width: 1150px){.nav-menu{padding-left:3vw}}.nav-menu a{color:inherit;display:block;font-size:105%}.nav-pop{position:fixed;width:100vw;background:rgba(0,0,0,0.05)}.nav-open{animation:showMenu 0.5s cubic-bezier(0.52, 0.16, 0.24, 1) forwards}.nav_item{text-transform:capitalize}.nav_item:hover{background-color:var(--accent)}.post_metadata h1,.post_metadata h3{text-align:center !important}.post_metadata h3{color:gray;font-size:1.2rem;width:100%}.post_metadata svg{width:1rem;height:1rem;fill:var(--theme)}.post_metadata hr{width:100%;background-color:var(--theme)}.post{padding:1rem 1.5rem;margin-top:1.5rem}.post h1,.post h2,.post h3,.post h4,.post h5,.post h6{margin:1rem auto;text-align:left;text-transform:initial;padding:0.25rem 0 0 0}.post p{padding-bottom:0.5rem;padding-top:0.5rem;font-size:1.05rem}.posts{display:flex;justify-content:space-between;flex-flow:row wrap;width:100%;align-items:stretch}.posts:not(.aside){padding:0 30px}.post_content h4{margin:5px 0;text-align:left}.post_content p{line-height:1.65}.post_content p:first-child{margin-top:0;padding-top:0}.post_content a:not(.link){border-bottom:2px solid var(--theme)}.post_content a:not(.link):hover{opacity:0.7}.post_content ol,.post_content ul{padding:0.5rem 0 0.5rem 1.2rem}.post_content li{padding:0.33rem 0}.post_header{background-size:cover;background-repeat:no-repeat;background-position:center;background-attachment:fixed;position:relative;height:48vh;min-height:360px;margin-top:60px;padding:30px}.post_header_tags{position:absolute;bottom:0px}.post_copy{opacity:0;transition:opacity 0.3s ease-out}.post_item{box-shadow:0 0 3rem rgba(0,0,0,0.17);margin:1.25rem 0;border-radius:10px;overflow:hidden;width:100%}.post_item:hover{box-shadow:0 0 5rem rgba(0,0,0,0.255)}@media screen and (min-width: 667px){.post_item{width:47%}}.post_item:hover .post_copy{opacity:1}.post_link{padding:2.5px 0;font-size:1.25em;margin:2.5px 0;text-align:left}.post_meta{overflow:hidden;opacity:0.8;font-size:0.84rem;font-weight:500;display:inline-grid;grid-template-columns:auto 1fr;background-color:var(--light);padding:0;align-items:center;border-radius:0.3rem;color:var(--dark);text-transform:capitalize}.post_meta a:hover{color:var(--theme);text-decoration:underline;opacity:0.9}.post_extra{display:flex;justify-content:flex-end}.post_tag{font-size:0.75rem !important;font-weight:500;background:var(--theme);color:var(--light);padding:0.25rem 0.67rem !important;margin-right:0.25rem;text-transform:uppercase;display:inline-flex;border-radius:5px}.post_title{text-align:center;font-size:2.5rem;font-family:'Signika', sans-serif;color:var(--title)}.post_author{padding:0.2rem 0.75rem}.post_author a{color:var(--theme);text-decoration:underline}.post_time{background:var(--theme);display:inline-grid;padding:0.2rem 0.75rem;color:var(--light)}.post_card{display:block;position:relative;background-color:var(--dark);border-radius:0.5rem 0.5rem 0 0;background-size:cover;background-position:center;overflow:hidden;height:10rem}.post_card::after{content:'';position:absolute;left:0;right:0;bottom:0;top:0;z-index:1}.post_thumbnail{width:100%;margin:0}.pager{display:flex;justify-content:center;align-content:center;margin:30px auto 0 auto;padding:0 1.5rem;overflow:scroll}.pager,.pager_link{justify-content:center;align-items:center}.pager_link{display:flex;background-color:var(--theme);color:var(--light)}.pager_link:hover{opacity:0.5}.pager_item,.pager_link{height:36px;width:36px;border-radius:50%}.pager_item{margin-left:5px;margin-right:5px;margin-bottom:30px}.pager_item:first-child,.pager_item:last-child{display:none}.pager_item.active,.pager_item.disabled{opacity:0.5}.excerpt{padding:0 10px 1.5rem 10px;position:relative;z-index:1}.excerpt_meta{display:flex;justify-content:space-between;align-items:center;transform:translateY(-2.5rem);position:relative;z-index:5}.waves{max-width:320px;height:5px;display:flex;align-items:center;justify-content:center;flex-direction:column;margin:30px auto}.waves_inner{min-width:18rem;min-height:9rem}.footer{padding:0;color:var(--light);margin:0;background:var(--dark);width:100%;font-size:1.05rem;min-height:75px;position:relative;z-index:1001}.footer a{color:var(--theme);opacity:0.8;transition:opacity 0.3s ease-in-out}.footer a:hover{text-decoration:underline;opacity:1}.footer_inner{display:flex;justify-content:space-between;padding:1.5rem}@media screen and (max-width: 567px){.footer_inner{flex-direction:column}}.comments{position:relative}.comment_reply{margin-left:2rem}.form{display:flex;flex-direction:column;width:100%;background:transparent;height:0;opacity:0;margin:0 0 1rem;transform:translateY(250px);transition:opacity 0.3s ease-in , transform 0.3s ease-in;border-radius:0.67rem}.form_open{height:initial;transform:translateY(0);opacity:1}.form_input{margin:10px 0;font-size:1rem !important;padding:10px 15px !important;-webkit-appearance:none;border-radius:25px;outline:none;transition:all 0.3s ease-out;width:100%;max-width:480px;box-shadow:0 5px 15px 0 rgba(158,174,221,0.2);border:1px solid #eee}.form_input:focus,.form_input:hover{border:1px solid var(--theme)}.form_comment{resize:none;border-radius:15px;min-height:2.5rem !important}.form_label{display:none}.form_submit{margin:0}.reply_btn{width:1.75rem;height:1.75rem;background-image:url("../images/icons/reply.svg");cursor:pointer;margin-top:1rem}.reply_to::before{content:'↷ @'}.g-recaptcha{display:grid;width:100%;background:transparent;border:none;border-radius:0.25rem;margin:1.25rem 0 1.5rem}.g-recaptcha>div,.g-recaptcha iframe{display:grid;width:100% !important;height:6rem !important}.g-recaptcha iframe{transform:scale(1.03);padding:0 0.75rem}code{min-width:100%;max-width:100%}.highlight{display:grid;margin:1.25rem 0}.highlight .highlight{margin:0}.highlight pre{padding:1rem;margin:1.5rem 0;background:var(--bubble) !important;box-shadow:0 0 2.5rem rgba(0,0,0,0.12);border-radius:4px;overflow-x:auto}
|
||
|
||
/*# sourceMappingURL=styles.css.map */ |