@charset "utf-8";

body{
        background: rgb(243, 245, 255);
}

body{
    text-align: center;
}

h1{
    color: rgb(33, 51, 43);
}

p{
    color: rgb(43, 39, 29);
}

ul.miffy{
    justify-content:center;
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
}

.miffy li{
    background: #ffffff;
    height: 200px;
    display: 200px;
    box-shadow: 3px 3px 5px rgb(132, 135, 172);
}

.miffy img{
    width: 100%;
    height: 200px;
    display: 200px;
    opacity: 1;
    transition: 0.7s;
}

.miffy li:hover img{
    opacity: 0.3;
}

ul.pub{
    list-style: none;
    padding: 0;
}

.pub img{
    opacity: 1;
    transition: 0.7s;
}

.pub li:hover img{
    opacity: 0.3;
}

ul.siropub{
    list-style: none;
    padding: 0;
}

.siropub{
    position: absolute;
    bottom: 200px;
}

  .pub{
    position: absolute;
    bottom: 200px;
}

.siropub{
    position: rela;
    left:  0;
    right:  0;
}

  .pub{
    position: rela;
    left:  0;
    right:  0;
 }