@import url('https://fonts.googleapis.com/css2?family=Cabin:ital,wght@0,400..700;1,400..700&display=swap');

body {
    background: rgb(177,17,138);
    background: linear-gradient(0deg, rgba(177,17,138,1) 0%, rgba(45,11,116,1) 50%, rgba(24,7,56,1) 100%);
    background-attachment: fixed;
}

p {
    color: #fff;
    font-family: "Cabin", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}

.border {
    border: dashed 4px black;
    border-radius: 3px;
    background: #90958a;
    background-image: linear-gradient(180deg, #6e40aa, #be3caf, #fe4b83, #ff7747, #e3b62f, #b0ef5a, #53f666, #1edfa2, #23acd8, #4c6fdc, #4c6fdc);
    background-attachment: fixed;
    padding: 10px;
    box-shadow: 3px 2px 10px black;
}

.container {
    text-align: center;
    background-color: black;
    padding: 10px;
}

#mac {
    animation: 10s infinite rotate;
}

@keyframes rotate {

   0% {rotate: 0deg;}
   25% {rotate: 10deg;}
   50% {rotate: -10deg;}
   100% {rotate: 0deg;}

}