.container-top {
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 60px;
    height: 60px;
    z-index: 9999;
    opacity: 0; 
    transition: opacity 0.5s ease; 
}

    .container-top.visible {
        opacity: 1; 
    }

.top {
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTvssPiB5Ku69vrhrw520p-8YhKkASx0nqG3w&s);
    border-radius: 50%;
    outline: 2px solid saddlebrown;
    text-decoration: none;
}

    .top:before {
        content: "";
        position: absolute;
        inset: 30%;
        transform: translateY(20%) rotate(-45deg);
        border-top: 5px solid #83650a;
        border-right: 5px solid #83650a;
    }


    .top:hover {
        background-image: url(/images/Header-Wood-Grain.webp);
        outline: 2px solid #806126;
    }

html {
    scroll-behavior: smooth;
    height: 100%;
}

body {
/*    min-height: 200vh;*/
    position: relative;
}