@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}a{text-decoration:none}h1{font-family:Open Sans,sans-serif;font-weight:300}.row{max-width:1500px}.card{padding:0 1.7rem;width:50%}.card .menu-content{list-style-type:none;margin:0;padding:0}.card .menu-content:after,.card .menu-content:before{content:"";display:table}.card .menu-content:after{clear:both}.card .menu-content li{display:inline-block}.card .menu-content a{color:#fff}.card .menu-content span{font-family:Open Sans;font-size:10px;font-weight:700;left:50%;position:absolute;top:0;-webkit-transform:translate(-50%);transform:translate(-50%)}.card .wrapper{background-color:#fff;box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.2);min-height:500px;overflow:hidden;position:relative}.card .wrapper:hover .data{-webkit-transform:translateY(0);transform:translateY(0)}.card .data{bottom:0;position:absolute;-webkit-transform:translateY(calc(70px + 1em));transform:translateY(calc(70px + 1em));transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;width:100%}.card .data .content{padding:1em;position:relative;z-index:1}.card .author{font-size:12px}.card .title{margin-top:10px}.card .text{height:70px;margin:0}.card input[type=checkbox]{display:none}.card input[type=checkbox]:checked+.menu-content{-webkit-transform:translateY(-60px);transform:translateY(-60px)}.example-2 .wrapper{background:url(/static/media/card-project1.f44adff3ea3ed0b26d5b.jpg) 50%/cover no-repeat}.example-2 .wrapper:hover .menu-content span{opacity:1;-webkit-transform:translate(-50%,-10px);transform:translate(-50%,-10px)}.example-2 .header{color:#fff;padding:1em}.example-2 .header:after,.example-2 .header:before{content:"";display:table}.example-2 .header:after{clear:both}.example-2 .header .date{float:left;font-size:12px}.example-2 .menu-content{float:right}.example-2 .menu-content li{margin:0 5px;position:relative}.example-2 .menu-content span{opacity:0;transition:all .3s}.example-2 .data{color:#fff;-webkit-transform:translateY(calc(70px + 4em));transform:translateY(calc(70px + 4em))}.example-2 .title a{color:#fff}.example-2 .button{color:#fff;display:block;font-size:12px;font-weight:700;line-height:1;margin:4em auto 1em;position:relative;text-align:center;width:100px}.example-2 .button:after{content:"\2192";opacity:0;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:all .3s}.example-2 .button:hover:after{opacity:1;-webkit-transform:translate(5px,-50%);transform:translate(5px,-50%)}
/*# sourceMappingURL=main.834fd731.css.map*/