| 1 |
- @charset 'UTF-8';*{box-sizing:border-box}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{font-size:18px;line-height:1.15;margin:0;padding:0;-webkit-text-size-adjust:100%}body{margin:0;padding:0}main{display:block}h1{font-size:2em;margin:0}a,em,h1,h2,h3,h4,h5,li,p,strong,ul{margin:0;padding:0}hr{overflow:visible;box-sizing:content-box;height:0}pre{font-family:monospace,monospace;font-size:1em}ul{list-style:none}li,ul{margin:0;padding:0}a{text-decoration:none;color:#000;background-color:transparent}abbr[title]{text-decoration:underline;text-decoration:underline dotted;border-bottom:none;-webkit-text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{width:100%;height:100%;vertical-align:bottom;border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{display:table;box-sizing:border-box;max-width:100%;padding:0;white-space:normal;color:inherit}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:textfield}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{font-family:Regular;src:url(../fonts/Secuela/Secuela-Regular.eot);src:url(../fonts/Secuela/Secuela-Regular.eot?#iefix) format('embedded-opentype'),url(../fonts/Secuela/Secuela-Regular.woff) format('woff'),url(../fonts/Secuela/Secuela-Regular.ttf) format('truetype'),url(../fonts/Secuela/Secuela-Regular.svg#Regular) format('svg')}@font-face{font-family:medium;src:url(../fonts/Secuela/Secuela-Medium.eot);src:url(../fonts/Secuela/Secuela-Medium.eot?#iefix) format('embedded-opentype'),url(../fonts/Secuela/Secuela-Medium.woff) format('woff'),url(../fonts/Secuela/Secuela-Medium.ttf) format('truetype'),url(../fonts/Secuela/Secuela-Medium.svg#medium) format('svg')}@font-face{font-family:bold;src:url(../fonts/Secuela/Secuela-Bold.eot);src:url(../fonts/Secuela/Secuela-Bold.eot?#iefix) format('embedded-opentype'),url(../fonts/Secuela/Secuela-Bold.woff) format('woff'),url(../fonts/Secuela/Secuela-Bold.ttf) format('truetype'),url(../fonts/Secuela/Secuela-Bold.svg#bold) format('svg')}@font-face{font-family:italic;src:url(../fonts/Secuela/Secuela-Italic.eot);src:url(../fonts/Secuela/Secuela-Italic.eot?#iefix) format('embedded-opentype'),url(../fonts/Secuela/Secuela-Italic.woff) format('woff'),url(../fonts/Secuela/Secuela-Italic.ttf) format('truetype'),url(../fonts/Secuela/Secuela-Italic.svg#italic) format('svg')}@font-face{font-family:light;src:url(../fonts/Secuela/Secuela-Light.eot);src:url(../fonts/Secuela/Secuela-Light.eot?#iefix) format('embedded-opentype'),url(../fonts/Secuela/Secuela-Light.woff) format('woff'),url(../fonts/Secuela/Secuela-Light.ttf) format('truetype'),url(../fonts/Secuela/Secuela-Light.svg#light) format('svg')}h1,h2{font-family:medium;font-weight:400}h2{font-size:3rem}h3{font-family:medium;font-size:1rem;font-weight:400}h5{font-family:bold;font-size:.8rem;font-weight:400}p{font-family:Regular;font-size:1rem;font-weight:400}time{font-family:italic;font-weight:400}header .contact h3{margin-top:-52px;margin-left:18px;text-transform:lowercase;color:#fff}.scroll p{font-family:bold;font-size:.8rem;font-weight:400}.cat-list .cat a{font-family:light;font-weight:400}body>.blog h1{font-size:11rem;line-height:7rem;color:transparent;-webkit-text-stroke:.1rem #111}body>.blog .card h5{text-transform:uppercase}body>.blog .card .card-category{font-family:italic;font-size:.8rem;font-weight:400}body>.blog .card .card-date{font-size:.8rem}body>.blog .card .card-footer span{font-family:medium;font-size:.8rem;font-weight:400;text-transform:capitalize}body>.blog .card .card-footer span a{color:#999}body>.item h1{font-size:3rem}body>.item h2{font-size:1.3rem}body>.item .content-item .content-title>a{font-family:italic}body>.item .category{font-family:italic;font-size:1.3rem;font-weight:400}body>.item time{font-size:.8rem;font-size:1.3rem}body>.item .tags{font-family:medium;font-size:1.3rem;font-weight:400;text-transform:capitalize}body>.item .tags a{color:#999}body>.item .top p{font-family:bold}@keyframes rotation{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(359deg)}}@keyframes translatep1{0%{transform:translateY(35px)}100%{visibility:hidden;transform:translateY(5px)}}@keyframes translatep2{0%{transform:translateY(-20px)}100%{visibility:hidden;transform:translateY(40px)}}body{padding:0 2%}header .contact{position:fixed;top:50px;right:50px;cursor:pointer;transition:transform .5s ease;transform:scale(1)}header .contact:hover{transition:transform .5s ease;transform:scale(.9)}header .contact svg{width:90.4px;height:87.45px;animation:rotation 6s infinite linear}header .contact h3{transform:rotate(35deg)}header .contact p{display:none}header h2{margin-left:10px}.card{line-height:.8!important;width:calc(100% / 3);padding:0 10px}.card .card-header{display:-ms-inline-flexbox;display:inline-flex;margin-top:10px}.card .card-header>div{margin-right:5px}.card .card-header>div>a{vertical-align:baseline}.card .card-header>div>time{vertical-align:baseline}body>.blog header{display:-ms-inline-flexbox;display:inline-flex;flex-direction:column;width:100%;height:100vh;-ms-flex-direction:column}body>.blog header>section{position:relative;height:50vh;min-height:250px}body>.blog header>section.works-mea{display:-ms-inline-flexbox;display:inline-flex;height:100%;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:end;align-items:flex-end}body>.blog header h1{font-size:11.2vw;line-height:7vw!important}body>.blog header h2{font-size:3.7vw}body>.blog header nav{margin-top:25vh;transform:translateY(-50%)}body>.blog header .scroll{position:relative;overflow:hidden;width:50px;height:15px;margin:0 auto 10px auto}body>.blog header .scroll>p:nth-child(1){position:absolute;top:-20px;animation:translatep1 2s infinite linear;text-align:center}body>.blog header .scroll>p:nth-child(2){position:absolute;top:-20px;animation:translatep1 2s infinite linear;animation-delay:1s;text-align:center}body>.item header{position:relative;height:100px}body>.item header nav{position:absolute;margin-top:50px;transform:translateY(-50%)}body>.item header h1{color:#000}body>.item header h2{display:none}body>.item header .scroll{display:none}#body-wrapper #items .works-mea{display:-ms-inline-flexbox;display:inline-flex;width:100%;height:50vh;-ms-flex-align:end;align-items:flex-end}#body-wrapper #items .works-mea .card .card-image img{width:100%;height:auto}#body-wrapper #items .works-mea .card .card-header{margin-top:5px}#body-wrapper #items .works-mea .card .card-footer{margin-top:5px}#body-wrapper #items .cat-list{width:100%;height:auto;margin:20px 0;padding:10px 0;border-top:1px solid #000;border-bottom:1px solid #000}#body-wrapper #items .cat-list ul{display:-ms-inline-flexbox;display:inline-flex}#body-wrapper #items .cat-list ul li{margin-right:10px}#body-wrapper #items .full-works{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap}#items .full-works{width:100%}#items .card{min-width:200px;margin-bottom:10px}body>.item #body-wrapper.blog-listing{padding-top:20px;border-top:1px solid #000}body>.item #body-wrapper.blog-listing .header-item{position:relative}body>.item #body-wrapper.blog-listing .header-item .title{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:baseline;align-items:baseline}body>.item #body-wrapper.blog-listing .header-item .title h2{margin-right:5px}body>.item #body-wrapper.blog-listing .header-item .title time{margin-right:5px}body>.item #body-wrapper.blog-listing .header-item .title span{margin-right:5px}body>.item #body-wrapper.blog-listing .header-item .content{width:calc((100% / 3) * 2)}body>.item #body-wrapper.blog-listing .header-item .content .txt{margin:20px 0;column-count:2}body>.item #body-wrapper.blog-listing .header-item .prev-next{position:absolute;top:0;right:0;width:calc(100% / 3)}body>.item #body-wrapper.blog-listing .header-item .top{margin-bottom:20px;text-align:center}
|
