.body{
    width: 100%;
    height: auto;
    line-height:200%;
}
/* .body div{
    width: 60%;
    margin: 50px auto;
} */
.profile{
    text-align: center;
    margin-top: 0.1vw;
}
.profile h1{
    letter-spacing:15px;
    font-size: 3vw;
    padding-bottom: 0.2vw;
}
.profile p{
    font-size: 1vw;
    color: #A699A6;
}
.illion_box{
    display: flex;
    justify-content:space-around;
}
.illion_box p{
    width: 68%;
    font-size: 1vw;
}
.illion{
    width: 28%;
    height: auto;
}
.carousel-inner{
    height: auto;
    text-align: center;
    width: 70%;
    height: auto;
    margin: 2vw auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.carousel-item{
    width: 29%;
    height: auto;
    overflow: hidden;
}

.carousel-inner img{
    width: 100%;
    height: auto;
    transition: 0.5s all ease-in-out;
}
.carousel-inner img:hover{
    transform: scale(1.2);
}
.frame{
width: 70%;
height: 100%;
margin: 0 auto;
text-align: center
}

.frame img{
    width: 100%;
}
@media only screen and (min-width:1200px) {
    #pe{
        display: none;
    }
}
@media only screen and (min-width: 0px) and (max-width:1200px) {
    .illion_box{
        display: none;
    }
    #pe{
        display: block;
    }
}