@font-face {
     font-family: ClashDisplay;
     src: url(ClashDisplay-Medium.otf);
 }

 @font-face {
     font-family: ClashBold;
     src: url(ClashDisplay-Bold.otf);
 }

 * {
     font-family: ClashDisplay;
     scroll-behavior: smooth;
 }

 h1 {
     font-family: ClashBold;
 }

 section{
    /* height: 100vh; */
    padding: 12px;
    padding-left: 8%;
    padding-right: 8%;
 }


 .gradiant{
    position: relative;
    
 }

 .circle{
    width: 250px;
    height: 120px;
    border-radius: 50%;
    position: absolute;


 }

 .c2{
    margin-top: 40px;
    z-index: -4;
    background-color: #edeb9e;
    filter: blur(35.5773px);

 }
.c1{
    z-index: -3;
    background: #FF5555;
    filter: blur(32.5773px);
    background-image:  
    url(https://grainy-gradients.vercel.app/noise.svg);
}



#blur{
    background-image: url(Rectangle.png);
    /* opacity: 0.05; */
}