@import url("main.css");@import url("normalize.css");body{background:#000;overflow:hidden;font-family:"Raleway",sans-serif;font-weight:900}body.loading{background:url("../img/load.gif") no-repeat fixed center center #000}.loading .case{opacity:0}#log{background:#fff;color:#000;width:100%;font-size:12px;position:fixed;top:0;z-index:99}#main{width:100%;height:100%}.case{opacity:1;width:33.33333333333333%;height:50%;background-position:center;text-align:center;vertical-align:middle;color:#fff;float:left;position:relative;overflow:hidden;display:block;transition:opacity 500ms;-moz-transition:opacity 500ms;-webkit-transition:opacity 500ms;-o-transition:opacity 500ms}.case>*{position:absolute}.case h1{font-size:2.5em;z-index:10;width:100%;left:0;text-align:center;background:rgba(0,0,0,0.5);bottom:0;margin:0;padding:0;transition:background 500ms,color 500ms;-moz-transition:background 500ms,color 500ms;-webkit-transition:background 500ms,color 500ms;-o-transition:background 500ms,color 500ms}.case .nb{opacity:.7;z-index:4}.case .color{z-index:5;opacity:0}.case.active h1{background:rgba(0,0,0,0.8);color:#fff}.case.active .nb{opacity:0}.case.active .color{opacity:1}.case .background{width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;transition:opacity 500ms;-moz-transition:opacity 500ms;-webkit-transition:opacity 500ms;-o-transition:opacity 500ms}#mail .background.color{background-image:url("../img/color/mail.jpg")}#twitter .background.color{background-image:url("../img/color/twitter.jpg")}#facebook .background.color{background-image:url("../img/color/facebook.jpg")}#senscritique .background.color{background-image:url("../img/color/senscritique.jpg")}#normalday .background.color{background-image:url("../img/color/normalday.jpg")}#px500 .background.color{background-image:url("../img/color/500px.jpg")}#mail .background.nb{background-image:url("../img/nb/mail.jpg")}#twitter .background.nb{background-image:url("../img/nb/twitter.jpg")}#facebook .background.nb{background-image:url("../img/nb/facebook.jpg")}#senscritique .background.nb{background-image:url("../img/nb/senscritique.jpg")}#normalday .background.nb{background-image:url("../img/nb/normalday.jpg")}#px500 .background.nb{background-image:url("../img/nb/500px.jpg")}#mail{transition-delay:200ms;-moz-transition-delay:200ms;-webkit-transition-delay:200ms;-o-transition-delay:200ms}#twitter{transition-delay:400ms;-moz-transition-delay:400ms;-webkit-transition-delay:400ms;-o-transition-delay:400ms}#facebook{transition-delay:600ms;-moz-transition-delay:600ms;-webkit-transition-delay:600ms;-o-transition-delay:600ms}#senscritique{transition-delay:800ms;-moz-transition-delay:800ms;-webkit-transition-delay:800ms;-o-transition-delay:800ms}#normalday{transition-delay:1000ms;-moz-transition-delay:1000ms;-webkit-transition-delay:1000ms;-o-transition-delay:1000ms}#px500{transition-delay:1200ms;-moz-transition-delay:1200ms;-webkit-transition-delay:1200ms;-o-transition-delay:1200ms}#facebook .background{background-position:center right}#twitter .background{background-position:center left}@media(max-width:1024px){.case h1{font-size:2em}}@media(min-width:769px){#main:hover .case h1{color:#999}#main:hover .case .nb{opacity:.4}#main:hover .case:hover h1{background:rgba(0,0,0,0.8);color:#fff}#main:hover .case:hover .nb{opacity:0}#main:hover .case:hover .color{opacity:1}}@media(max-width:768px){a{text-decoration:none}body{overflow:auto}body #main,body #main:hover{width:100%;height:100%}body #main .case,body #main:hover .case,body #main .case:hover,body #main:hover .case:hover{width:100%;height:200px;display:block;opacity:1}body #main .case h1,body #main:hover .case h1,body #main .case:hover h1,body #main:hover .case:hover h1{color:#fff;background:rgba(0,0,0,0.8)}body #main .case .background.nb,body #main:hover .case .background.nb,body #main .case:hover .background.nb,body #main:hover .case:hover .background.nb,body #main .case .background.nb:hover,body #main:hover .case .background.nb:hover,body #main .case:hover .background.nb:hover,body #main:hover .case:hover .background.nb:hover{opacity:1}}