@charset "utf-8";

/* CSS Document */

body {
    margin: 0px;
    padding: 0px;
    /*
	background-image: radial-gradient( circle farthest-corner at 10% 20%,  rgba(14,174,87,1) 0%, rgba(12,116,117,1) 90% );
	/*
	background-image: linear-gradient(to top, #a8edea 0%, #fed6e3 100%);
	/*
	*/
    /*
	background-image: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);
	/*
	background-color: #FAACA8;
	background-image: linear-gradient(19deg, #FAACA8 0%, #DDD6F3 100%);
	*/
    background-image: linear-gradient(to right, #ffecd2 0%, #fcb69f 100%);
}

.box {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 350px;
    box-shadow: 2px 2px 30px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    overflow: hidden;
    margin: 25px;
}

.slide-img {
    background-color: white;
    height: 500px;
    position: relative;
}

.slide-img img {
    width: 100%;
    height: 100%;
    object-fit: fill;
    box-sizing: border-box;
}

.detail-box {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
    box-sizing: border-box;
    font-family: calibri;
    background-color: white;
}

.type {
    display: flex;
    flex-direction: column;
}

a {
    text-decoration: none;
}

.type a {
    color: #222222;
    margin: 5px 0px;
    font-weight: 700;
    letter-spacing: 0.5px;
    padding-right: 8px;
}

.type span {
    color: rgba(26, 26, 26, 0.5);
}


/*
.slide-img:hover .description{
	visibility: visible;
	animation:fade 0.5s;
}*/

.slider {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}