body{margin:0}.warpper{border:2px solid;text-align:center}.title{font-family:Yuji Mai,serif;font-weight:700;font-style:normal;color:#234164}.items-container{display:flex;flex-wrap:wrap;list-style:none}.item{width:300px;height:300px}.image{cursor:pointer;width:90%;height:90%;background-position:center;background-repeat:no-repeat;background-size:contain;border-radius:20px;box-shadow:10Px 10px 10px #0009}.image:hover{transform:scale(1.1);transition:all .2s;box-shadow:none;opacity:1}.slider-warpper{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;width:40vw}.slider-content{display:flex;width:100%;height:100%;align-items:center}.slider-image{width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:contain;border-radius:10px}.previous-button{background-color:#0000;color:#ffffff56;border:none;font-size:35px;height:40px;position:relative;left:30px}.previous-button:hover{cursor:pointer;color:#ffffffbc;transform:scale(1.3);transition:all .2s}.next-button{background-color:#0000;color:#ffffff56;border:none;font-size:35px;height:40px;position:relative;right:30px}.next-button:hover{cursor:pointer;color:#ffffffbc;transform:scale(1.3);transition:all .2s}.close-button{position:absolute;top:5px;right:-10px;background-color:#0000;color:#ffffff56;border:none;font-size:20px}.close-button:hover{cursor:pointer;color:#ffffffbc;transform:scale(.7);transition:all .2s}@media (max-width: 768px){.slider-warpper{width:80vw}.previous-button,.next-button{font-size:25px}.slider-year{font-size:12px;margin-top:5px}}footer{border-top:2px solid rgba(127,127,127,.256);font-family:Yuji Mai,serif;font-weight:400;font-style:normal;color:#234164;width:30%;margin:auto}