*{
    padding: 0;
    margin: 0;
    font-family: 'Barlow', sans-serif;
    scroll-behavior: smooth;
}

a{
    text-decoration: underline white;
}

a:hover{
    text-decoration: none;
}

.pageCover{
    width: 100%;
    height: 100vh;
    overflow: hidden;
    background: #34004D;
}

.pageCover img{
    height: 170vh;
    width: 170vw;
    object-fit: contain;
    position: relative;
    left: -10%;
    bottom: 30%;
    z-index: -1;
    transform: rotate(-60deg);
    animation: rotate 150s linear infinite;
}

.coverTitle{
    position: relative;
    top: 15%;
    color: white;
    z-index: 2;
}

.coverTitle h1{
    font-weight: 900;
}

@media screen and (max-width: 768px){
    .pageCover img{
        left: -50%;
    }
}

@keyframes rotate{
    0%{
        transform: rotate(-60deg);
    }
    100%{
        transform: rotate(300deg);
    }
}