.tw-grid-header{margin:0 auto;position:relative;background-repeat:no-repeat;background-size:350px auto}.tw-grid-header-inner{margin:0 auto;font-size:0;line-height:0;width:100%;max-width:600px;text-align:center}.tw-grid-header-photo-link{display:block;transition:all ease .5s}.tw-grid-header-photo-link:hover{opacity:.9}.tw-grid-header-photo-img{width:100%;height:auto;max-width:200px;display:block;border-radius:100%;margin:0 auto}.tw-grid-header-handle{font-size:24px;line-height:36px;font-weight:300;color:#2c3f5e;display:inline-block;margin:0 auto;padding:20px 0;transition:all ease .5s}.tw-grid-header-handle:hover{color:#b3393b}.twitter-follow-button{display:block;margin:0 auto}.tw-icons{text-align:center}.tw-icons i{color:#1da1f2;margin:6px 12px 31px;font-size:24px}.tw-icons i:hover{color:#2c3f5e;transition:all ease .5s}.tw-icons i.fa-heart:hover{color:#b3393b}.tweet-wrapper{box-shadow:10px 10px #d1d1d1;background-color:#fff}.tw-content{margin:0;padding:25px;color:#2c3f5e}.tw-content a{color:#1da1f2;font-weight:400}.tw-content a:hover{color:#2c3f5e;transition:all ease .5s}.tw-img-wrapper{position:relative}.tw-img{height:110px;background-size:cover;background-position:center center}.tweet-wrapper .color-overlay{opacity:.7}.icon-wrapper{position:absolute;overflow:hidden;top:0;right:0;bottom:0;left:0}.icon-wrapper .fa-twitter{position:relative;top:50%;transform:translateY(-50%);margin:0 auto;display:block;text-align:center;font-size:42px;color:#fff;opacity:1}.grid li>div{margin:9px;margin-bottom:20px}.home .grid-wrap{background-image:url(../img/twitterlogo.png);background-repeat:no-repeat;background-position:center 0;background-size:contain}.grid-wrap{clear:both;margin:0 auto;padding:0;max-width:1312px}.grid{margin:30px auto;padding:0;list-style:none;min-height:500px}.js .grid{background:url(../img/loading_1.gif) no-repeat 50% 100px}.js .grid.loaded{background:0 0}.grid li{display:inline-block;overflow:hidden;width:325px;text-align:left;vertical-align:top}.js .grid li{display:none;float:left}.js .grid.loaded li{display:block}.title-box h2{display:block;margin:7px;padding:20px;background:#2e3444;color:#d3eee2;text-transform:uppercase;letter-spacing:1px;font-weight:300}.title-box h2 a{display:block;font-weight:900}.title-box h2 a:hover{color:#d3eee2}.grid li>a,.grid li img{display:block;outline:none;border:none}.grid li>a{position:relative;overflow:hidden;margin:7px}.grid .curtain{position:absolute;top:0;left:0;z-index:100;width:98%;height:100%;background:#96cdc8}.grid.swipe-right .curtain{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.grid.swipe-down .curtain{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.grid.swipe-rotate .curtain{width:200%;height:200%;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);-webkit-transform-origin:top left;transform-origin:top left}.grid .curtain::after{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;content:''}.grid.swipe-right .curtain::after,.grid.swipe-rotate .curtain::after{left:-100%}.grid.swipe-down .curtain::after{top:-100%}.grid li h3{}.grid li>a::before{position:absolute;top:0;left:0;width:100.5%;height:100.5%;border:0 solid transparent;background:transparent;content:'';-webkit-transition:border-width .2s,border-color .2s;transition:border-width .2s,border-color .2s}.grid li.shown:hover .tweet-wrapper{box-shadow:10px 10px #c7c7c7;transition:all ease .6s}.grid li.shown:hover>a::before{border-width:14px;border-color:#2e3444}.grid li.shown>a::before{border-width:14px;border-color:#2e3444}li.shown:hover{transform:scale(.95);transition:all ease .6s}.grid.swipe-right li.animate .curtain{-webkit-animation:swipeRight 1.5s cubic-bezier(.6,0,.4,1) forwards;animation:swipeRight 1.5s cubic-bezier(.6,0,.4,1) forwards}@-webkit-keyframes swipeRight{0%{}50%,60%{-webkit-transform:translate3d(0,0,0)}100%{-webkit-transform:translate3d(100%,0,0)}}@keyframes swipeRight{0%{}50%,60%{-webkit-transform:translate3d(0,0,0);transform:translate(0)}100%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.grid.swipe-down li.animate .curtain{-webkit-animation:swipeDown 1.5s cubic-bezier(.6,0,.4,1) forwards;animation:swipeDown 1.5s cubic-bezier(.6,0,.4,1) forwards}@-webkit-keyframes swipeDown{0%{}50%,60%{-webkit-transform:translate3d(0,0,0)}100%{-webkit-transform:translate3d(0,100%,0)}}@keyframes swipeDown{0%{}50%,60%{-webkit-transform:translate(0);transform:translate(0)}100%{transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.grid.swipe-rotate li.animate .curtain{-webkit-animation:swipeRotate 1.5s ease forwards;animation:swipeRotate 1.5s ease forwards}@-webkit-keyframes swipeRotate{0%{}50%,60%{-webkit-transform:rotate3d(0,0,1,0deg)}100%{-webkit-transform:rotate3d(0,0,1,-90deg)}}@keyframes swipeRotate{0%{}50%,60%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}100%{-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg)}}.grid li.animate .curtain::after{-webkit-animation:fadeOut 1.5s ease forwards;animation:fadeOut 1.5s ease forwards;-webkit-animation-delay:inherit;animation-delay:inherit}@-webkit-keyframes fadeOut{0%{}50%,60%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{}50%,60%{opacity:1}100%{opacity:0}}.js .grid li img,.js .grid li .tweet-wrapper{visibility:hidden}.grid li.animate img,.grid li.animate .tweet-wrapper{-webkit-animation:showMe 1.5s step-end forwards;animation:showMe 1.5s step-end forwards}@-webkit-keyframes showMe{from{visibility:hidden}60%,100%{visibility:visible}}@keyframes showMe{from{visibility:hidden}60%,100%{visibility:visible}}.grid li.shown img,.grid li.shown .tweet-wrapper{visibility:visible}