style.css

* {
    padding: 0;
    margin: 0;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    box-sizing: border-box;
}

.bold {
    font-weight: bold;
}

.navbar {
    background-color: rgba(0, 0, 0, 0.7) !important;
    z-index: 1;
}

nav ul li a {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    color: aliceblue !important;
}

.active,
nav ul li a:hover {
    color: #1ebba3 !important;
}

.showcase-bg {
    background: url(./img/background.jpg) center center/cover no-repeat;
    height: 100vh;
    width: 100%;
    background-attachment: fixed;
    padding-top: 10%;
}

.showcase-content {
    height: max-content;
    width: auto;
}

.showcase-content h1 {
    letter-spacing: 2px;
    /* font-weight: bold; */
}

.my-btn {
    color: #f1f1f1;
    background-color: #333;
}

.my-btn:hover {
    background-color: #f1f1f1;
    color: #333;
}