@tailwind base;
@tailwind components;
@tailwind utilities;
@import url('https://fonts.googleapis.com/css2?family=Mynerve&family=Handjet&display=swap');

.Handjet {
    font-family: 'Handjet', cursive;
    margin: 30px 0;
}

.Mynerge {
    font-family: 'Mynerve', cursive;
}
.sgf{
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 5px;
}
.amir{
    width: 100%;
}
.background_img {
    background-image: url("../images/Background1.png");
    padding: 0 100px;
    background-size: cover;
    background-attachment: fixed;
    height: 100vh;
}

.background_img_2 {
    background-image: url("../images/Background.png");
    background-size: cover;
    background-attachment: fixed;
    height: 100vh;
}
.bg{

    background-color: rgba(255, 255, 255, 0.38);
    border-radius: 10px;
    border: solid 1px white;
    transition: 1s ease;
}
.bg:hover{

    background-color: rgba(255, 255, 255, 0.6);
}


.bar {
    fill: #6200ea;
    transition: fill 0.3s;
}

.bar:hover {
    fill: #1a237e;
}

text {
    color: #d7d7ee;
    font-family: 'Roboto', sans-serif;
}
