@font-face {

    font-family: iry;

     src: url("/static/fonts/iry.woff2") format("woff2"),
         url("/static/fonts/iry.woff") format("woff"),
         url("/static/fonts/iry.eot") format("eot");
         

}


* {

    font-family: iry, sans-serif ;

}



/* ---------- Background ---------- */

body{

    background: #f8f9fa !important;


    font-family: iry, sans-serif ;

    overflow-x:hidden;

}


/* ---------- Particles ---------- */

/* #tsparticles{
position:fixed;

    top:0;

    left:0;

    width:100%;

    height:100vh;

    z-index:0;

    pointer-events:none;

} */


/* ---------- Hero ---------- */

.hero{

    min-height:85vh;

    display:flex;

    justify-content:center;

    align-items:center;

}


.search-box{

    background:rgba(255,255,255,.08);

    backdrop-filter:blur(20px);

    border-radius:25px;

    padding:60px;

    box-shadow:0 0 40px rgba(0,0,0,.25);

}


.search-box h1{

    color:white;

    font-size:52px;

    font-weight:bold;

}


.search-box p{

    color:#cbd5e1;

    font-size:20px;

}
.card{

    position:relative;

    z-index:1;

}
/* main{
    position:relative;
    z-index:1;
} */