@import url('https://fonts.googleapis.com/css2?family=Itim&family=Rubik+Wet+Paint&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Luckiest+Guy&family=Rubik+Wet+Paint&display=swap');
body {        
        background-image: url("/images/indexbg.png");
        text-align: center;
        height: 100vh;
        padding: 20px;
        margin: 20px;
        font-family:"Itim";
    }

h1{
    
    font-family: "Luckiest Guy";
    color: white;
    font-size: 80px;
    -webkit-text-stroke: 1px;
    -webkit-text-stroke-color: rgb(0, 0, 0);
    border: 5px dashed rgb(255, 0, 0); 
    border-radius: 40px;}

#scndborder {
    border: 3px solid rgb(255, 208, 0); 
    border-radius: 40px;
    background-color: rgba(255, 255, 255, 0.582);
    padding: 16px;
}
h2 {
    color:rgb(255, 255, 255);
    -webkit-text-stroke: 2px;
    -webkit-text-stroke-color: rgb(0, 0, 0);
    font-family:"Luckiest Guy";
    font-size: 50px;
    font-weight: bolder;
    outline: 6px dashed rgb(255, 0, 0); 
    border-radius: 40px;
    backdrop-filter: blur(3px);
    margin-left: 75px;
    margin-right: 75px;
    padding: 16px;
}
p {
    border: 1px solid rgb(0, 0, 0); 
    border-radius: 40px;
    background-color: rgba(255, 255, 255, 0.404);
    backdrop-filter: blur(5px);
    padding: 16px;
    margin-left: 300px;
    margin-right: 300px;
    font-family: "Luckiest Guy";
    font-size: 20px;
}
button {
    padding: 20px;
    font-size: 30px;
    font-family: "Itim";
    border-radius: 30px;
    border-width: 2px;
    background-color: white;
    transition: all 0.2s;
    
}
button:hover {
    cursor:pointer;
    font-size: 32px;
    background-color: whitesmoke;
}
img{
    border-radius: 20px;
}
a:visited{
    color:purple
}
.footer {
    text-align: left;
    font-family: 'Times New Roman', Times, serif;
    color: black;
}