:root{
    --bg-unamoto: #060504;
    --bg-nav-link-unamoto: #c8a759;
    --line-color: #747474;
}

body {
    opacity: 0;
    transition: opacity 0.5s;
}

body.loaded {
    opacity: 1;
}

.page{
    padding-top: 20px;
    display: flex;
    flex-direction: column;
    min-height: 90vh;
}
.bg-unamoto{
    background: var(--bg-unamoto);
    padding-top: 0;
    padding-bottom: 0;
}

.nav-link:hover{
    background:  var(--bg-nav-link-unamoto);
} 

.icon-social{
   display: inline-flex;
}
.icon-instagram{
    width: 50px;
    height: 50px;
    background: #fafafa url(/img/instagram.png) no-repeat;
    background-size: 100%;
}

.icon-youtube{
    width: 50px;
    height: 50px;
    background: #fafafa url(/img/youtube.png) no-repeat;
    background-size: 100%;
}
.line-color{
    background-color: var(--line-color);
}

.line-grow{
    height: 5px;
}