.wrap{margin:50px auto 0 auto;width:100%;display:flex;align-items:space-around;flex-flow:wrap}.tile{width:380px;height:380px;margin:10px;background-color:#000;display:inline-block;background-size:cover;position:relative;box-shadow:0 35px 20px -17px rgba(0,0,0,.44);overflow:hidden;color:#fff;font-family:Roboto}.tile,.tile img{transition:all .4s ease-out}.tile img{-o-object-fit:cover;object-fit:cover;height:100%;width:100%;position:absolute;top:0;left:0}.tile .text{position:absolute;padding:30px;height:calc(100% - 60px)}.tile h1{font-family:Hurme;font-weight:300;margin:0;text-shadow:2px 2px 10px rgba(0,0,0,.3)}.tile h3{font-weight:100;font-style:italic;transform:translateX(200px)}.tile h3,.tile p{margin:20px 0 0 0}.tile p{font-weight:300;line-height:25px;transform:translateX(-200px);transition-delay:.2s}.animate-text{opacity:0;transition:all .6s ease-in-out}.tile:hover{box-shadow:0 35px 77px -17px rgba(0,0,0,.64);transform:scale(1.05)}.tile:hover img{opacity:.2}.tile:hover .animate-text{transform:translateX(0);opacity:1}.dots{position:absolute;bottom:20px;right:30px;margin:0 auto;width:30px;height:30px;color:currentColor;display:flex;flex-direction:column;align-items:center;justify-content:space-around}.dots span{width:5px;height:5px;background-color:currentColor;border-radius:50%;display:block;opacity:0;transition:transform .4s ease-out,opacity .5s ease;transform:translateY(30px)}.tile:hover span{opacity:1;transform:translateY(0)}.dots span:first-child{transition-delay:.05s}.dots span:nth-child(2){transition-delay:.1s}.dots span:nth-child(3){transition-delay:.15s}@media (max-width:1600px){.wrap{flex-direction:column;flex-flow:inherit;width:90vw;overflow-x:scroll}}@media (max-width:1100px){.wrap{flex-direction:column;flex-flow:inherit;width:87vw;overflow-x:scroll}}@media (max-width:800px){.wrap{flex-direction:column;flex-flow:wrap;width:400px}}.dashboard-content[data-v-714589ea]{position:absolute;margin-right:5px;width:94.5%;height:100%;right:0;margin-left:100px;overflow-y:scroll;overflow-x:hidden;font-family:Hurme}.table-section[data-v-714589ea]{margin:0 150px;background:#171717;border-radius:20px;box-shadow:15px 15px 0 0 #383838}.center[data-v-714589ea]{text-align:-webkit-center}#add[data-v-714589ea],#search[data-v-714589ea]{float:right;margin-bottom:20px}#search[data-v-714589ea]{width:30%;margin:0 20px}.headline[data-v-714589ea],.v-card[data-v-714589ea]{font-family:Hurme!important}