@import url('https://fonts.googleapis.com/css2?family=Neonderthaw&display=swap');


  
body {
    background-color: #000000;
    text-transform: capitalize;
    font-family: "Neonderthaw";
    color: #e028e5;
    text-align: center;

}

div {
    display: flex;
    flex-direction: column;
    align-items: center;
}


article{
    color: #ffffff;
    box-shadow: 10px 10px 103px  #a10cbf;
    border-radius: 10px;
    
    width: 50%;
    padding: 3%;
    
}

h1{
    font-size: 400%;
    color: #ffe3e3;
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #e60073, 0 0 40px #e60073, 0 0 50px #e60073, 0 0 60px #e60073, 0 0 70px #e60073;
}

h3{
    font-size: 225%;
    margin: 0 0;

}


p, a {
    color: white;
    font-family: 'Courier New', Courier, monospace;
}

a:hover{
    color: #d726dc;
}

img {
    width: 25%;
}

button {
    border-radius: 2px;
    margin: 2% 0%;
    padding: 2px 10px;
}

button:hover {
    background-color: #d41acb;
    color: white;


    box-shadow: 0 12px 16px 0, rgb(202, 16, 16), 0 17px 50px 0 rgb(202, 16, 16);

}


@media screen and (max-width: 700px) {
    article{
        width: 75%;
    }
    
}

@media screen and (max-width: 300px) {
    article{
        width: 75%;
    }

}