body {
    margin: 0;
    background-color: #fbf5f5;
    font-size: 20px;
    text-align: left;
    font-family: 'Lobster', cursive;
    font-family: 'Overpass', sans-serif;
}

/* gradient starts*/
.containerac {
    font-family: 'Lobster', cursive;
    color: #ffffff;
    text-align: center;
    letter-spacing: 2px;
    font-size: 35px;
    margin: 0px;
    padding: 10px;
    background-color: #96DAEA;
    background: linear-gradient(to bottom right, rgb(90, 0, 235), rgb(251, 130, 0));
}

/* gradient ends*/

h1 {
    font-family: 'Lobster', cursive;
    color: #002939;
    text-align: center;
    letter-spacing: 2px;
    font-size: 50px;
    margin: 0px;
    padding: 10px;
    background-color: #96DAEA;
}

header p::first-letter {
    font-size: 44px;
}

header p::first-line {
    color: RGBA(255, 46, 0, 0.67);
}


h2 {
    font-family: 'Lobster', cursive;
    color: #002939;
    text-align: left;
    letter-spacing: 2px;
    font-size: 40px;
    margin: 20px;
    rotate: 10deg;
    padding-top: 200px;
    ;
}

/* gradient starts*/
.containera {
    font-family: 'Lobster', cursive;
    color: #ffffff;
    text-align: center;
    letter-spacing: 2px;
    font-size: 35px;
    margin: 0px;
    padding: 10px;
    background-color: #96DAEA;
    background: radial-gradient(rgb(233, 24, 118), rgb(47, 13, 0));
}

.containerb {
    font-family: 'Lobster', cursive;
    color: #ffffff;
    text-align: center;
    letter-spacing: 2px;
    font-size: 35px;
    margin: 0px;
    padding: 10px;
    background-color: #96DAEA;
    background: linear-gradient(217deg,
            rgba(255, 0, 0, 0.8),
            rgba(255, 0, 0, 0) 70.71%), linear-gradient(127deg, rgba(0, 255, 0, 0.8), rgba(0, 255, 0, 0) 70.71%),
        linear-gradient(336deg, rgba(0, 0, 255, 0.8), rgba(0, 0, 255, 0) 70.71%);
}

/* gradient ends*/
h3 {
    font-family: 'Lobster', cursive;
    color: #002939;
    text-align: left;
    letter-spacing: 2px;
    font-size: 40px;
    margin: 20px;
}

/* custom font*/
@font-face {
    font-family: "mydownloadedFont";
    src: url("../ChelaOne-Regular.ttf");
}

/* font ends*/
/* botton1 starts*/
.button1 {
    font-family: "mydownloadedFont", ChelaOne-Regular;
    text-decoration: none;
    outline: none;
    border: 5mm ridge rgba(14, 30, 198, 0.90);
    text-align: center;
    line-height: 3;
    border-radius: 30px;
    width: 600px;
    margin: auto;
    background-color: rgb(174, 194, 124);
    box-sizing: border-box;
    font-size: 2rem;

}

/* botton 1 ends*/
/* dashed button begins*/
.button2 {
    font-family: "mydownloadedFont", ChelaOne-Regular;
    text-decoration: none;
    outline: none;
    background-clip: border-box;
    padding: 5px;
    text-align: center;
    line-height: 3;
    width: 600px;
    margin: auto;
    box-sizing: border-box;
    font-size: 2rem;
    text-shadow: 1px 5px gray;
    color: #ffffff;
}

/* dashed botton ends */

/* container for dashed botton begins*/
.container {
    border: 30px dashed rgb(33, 2, 233);
    padding: 10px;
    padding-top: 20px;
    background: linear-gradient(to bottom, rgb(60, 76, 54), 40%, rgba(208, 17, 17, 0.992));
    background-clip: padding-box;
    width: 600px;
    margin: auto;
    margin-right: 500px;
    border-radius: 50px;
}