@import url(https://fonts.googleapis.com/css2?family=Cookie&family=Lato:wght@400;700&display=swap);*{margin:0;padding:0;box-sizing:border-box}body{font-size:100%;height:100vh}ul{list-style:none;margin-bottom:0}.container{max-width:1140px;margin:0 auto;padding-left:15px;padding-right:15px}.categories{background:linear-gradient(rgba(77,70,55,.35),rgba(77,70,55,.35)),url(../../assets/img/corn-bg.c1de4de0.png) 0 100% no-repeat;padding-top:20px}.categories__title{font-size:60px;font-weight:700;color:#e1b838;font-family:Cookie,cursive}.categories__list{overflow:hidden;display:flex;flex-direction:row;justify-content:center;align-items:stretch;flex-wrap:wrap;--xyz-rotate-x:90deg;--xyz-rotate-z:-180deg;--xyz-origin:-200%;--xyz-stagger:0.1s;--xyz-duration:0.75s;--xyz-perspective:100px}.categories__list-item{width:25%;text-align:center;display:flex;flex-direction:column;justify-content:start;align-items:center;flex-wrap:nowrap;padding:0 15px 15px 15px}.categories__list-item:hover>span{border:1px solid #e1b838}.categories__list-item:hover{cursor:pointer}.categories__list-item-title{font-size:32px;font-weight:400;color:#e1b838;font-family:Cookie,cursive;border:1px solid transparent;width:100%;height:100%}