@import"https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap";*{padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box}body{max-width:50vw;margin:auto;height:100vh;font-family:"Raleway",sans-serif;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:100%;color:#000;cursor:pointer}.list__item{border-bottom:1px solid rgba(185,173,173,.842);width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:60px 40px}.list__item:nth-child(1){border-top:1px solid rgba(185,173,173,.842)}.list__item__title{width:70%;font-size:50px;font-weight:500;-webkit-transition:all .3s;transition:all .3s}.list__item__category{width:30%;text-align:right;-webkit-transition:all .3s;transition:all .3s}.list__item:hover .list__item__title{-webkit-transform:translate(-10px, 0);transform:translate(-10px, 0);opacity:.3}.list__item:hover .list__item__category{-webkit-transform:translate(10px, 0);transform:translate(10px, 0);opacity:.3}.modal{scale:0;width:350px;overflow:hidden;height:350px;position:fixed;top:0;left:0;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-transform-origin:top left;transform-origin:top left;-webkit-transition:scale .5s ease,left .8s cubic-bezier(0, 1.34, 1, -0.35),top .8s cubic-bezier(0, 1.34, 1, -0.35);transition:scale .5s ease,left .8s cubic-bezier(0, 1.34, 1, -0.35),top .8s cubic-bezier(0, 1.34, 1, -0.35);pointer-events:none}.modal.open{scale:1}.modal__inner{position:absolute;width:100%;-webkit-transition:all .3s ease;transition:all .3s ease}.modal__inner .modal__item{width:100%;height:350px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.modal__inner .modal__item__img{max-width:280px;aspect-ratio:1200/675}.modal__inner .modal__item__img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
/*# sourceMappingURL=index.css.map */