main {
     background-attachment: fixed;
     background-image: url("../img/wallpaper.png");
     background-size: cover;
}

main .main-bg {
     background: linear-gradient(
          to bottom right,
          var(--main-bg-primary-color),
          var(--main-bg-secondary-color),
          var(--main-bg-tertiary-color)
     );
     
     opacity: 50%;
}

.btn-primary {
     background-color: var(--primary-color);
}

.btn-primary:hover {
     background-color: var(--secondary-color);
}

.btn-primary:active {
     background-color: var(--tertiary-color) !important;
}

.divider {
     background-color: var(--primary-color);
     height: 5px;
     width: 50px;
}

#p-about {
     text-align: justify !important;
}

a {
     color: var(--primary-color) !important;
}

nav {
     transition: 0.5s;
}

* {
     scroll-padding-top: 70px;
}

#img-logo {
     height: 75px;
}