@import url('https://fonts.googleapis.com/css2?family=Kaushan+Script&family=Poppins:wght@300&family=Roboto+Mono:ital,wght@1,500&family=Rubik+Wet+Paint&display=swap');


.header{
    width: 100%;
    min-height: 100vh;
    background-image:linear-gradient(45deg, rgba(0,0,0,0.85),rgba(118,0,225,0.85)), url(images//pexels-felix-mittermeier-956999.jpg);
    background-position: center;
    background-size: cover;
    padding: 10px 8%;
    text-align: center;
    color: #fff;
}

.head{
    padding-top: 200px;
}
.head h1{
    font-size: 40px;
    font-family: 'Rubik Wet Paint', cursive;
}
.head p{
    font-family: 'Rubik Wet Paint', cursive;
    font-size: 10px;
    color: #ffff00;
}
.header img{
    width: 80px;
}
.text-main{
    padding-top: -20px;
}

.header .text-main h1{
    font-size: 30px;
    font-family: 'Kaushan Script', cursive;
}
.header .text-main span{
    font-family: 'Roboto Mono', monospace;
}
.main p
{
    font-size: 12px;
    opacity: .8;
    font-style: italic;
}

.main a{
    padding-right: 20px;
    font-size: 20px;
}
.main a:hover{
    font-size: 30px;
}
@media(max-width:500px){
    .head h1{
        font-size: 25px;
    }
    .head img{
        width: 45px;
    }
    .main a{
        padding: 10px;
        font-size: 15px;
    }
    .website h1{
        font-size: 15px;
    }
}