.Up{
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-position: center;
    background-size: contain;
    background-image: url("./up.svg");
    cursor: pointer;
    width: 60px;
    height: 60px;
    outline: none;
    display: none;
    filter: drop-shadow(0 10px 10px rgba(79,174,71,0.8));
}
.Up----view{
    display: block;
}
.Up----bottom{
    display: block;
    transform: rotateX(200grad);
}
.Up:hover,
.Up:focus{
    background-image: url("./up-hover.svg");
}

@media (min-width: 740px){
    .Up{
        right: 20px;
    }
}

@media (min-width: 920px){
    .Up{
        right: calc(100% / 2 - 720px / 2 - 20px - 60px);
    }
}

@media (min-width: 1240px){
    .Up{
        right: 20px;
    }
}

@media (min-width: 1500px){
    .Up{
        right: calc(100% / 2 - 1300px / 2 - 20px - 60px);
    }
}