:root{
    --blue: #4ec6f1;
    --bg: #0a0a0a;
    --shadow: 0 2px 2px rgba(0,0,0/0.5);
}

body{
    font-size: 1.2rem;
     font-family: "Delius", cursive;
     min-height: 2000px;
}

.hero::before {
    content:'';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(img/foto\ angkatan\ 2021.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
    z-index: -1;
}

.hero{
    position: relative;
    min-height: 100vh;
}

.hero h1, .hero h4, .hero p{
    text-shadow: var(--shadow);
}

.hero h1 {
    font-family: "Delius", cursive;
    font-size: 4rem;
}

.hero h4 {
    font-size: 2rem;
}

.hero p {
    font-size: 1.6rem;
}

.hero a { 
    color: var(--blue);
    background-color: white;
}

.hero a:hover {
    background-color: var(--blue);
    color: white;
}