index.css

@import url('https://fonts.googleapis.com/css2?family=Nanum+Pen+Script&family=Rubik+Doodle+Shadow&display=swap');
@tailwind base;
@tailwind components;
@tailwind utilities;

body{
    /* background-image: url("https://images.pexels.com/photos/5717479/pexels-photo-5717479.jpeg?cs=srgb&dl=pexels-polina-kovaleva-5717479.jpg&fm=jpg");
    background-size: cover;
    background-repeat: no-repeat;
    height:100vh;
    width: 100vw; */
}
.bgfixed{
    background-image: url("https://images.pexels.com/photos/5717479/pexels-photo-5717479.jpeg?cs=srgb&dl=pexels-polina-kovaleva-5717479.jpg&fm=jpg");
    background-size: cover;
    background-repeat: no-repeat;
    height:100vh;
    width: 100vw;
    position: fixed;
    z-index: -1;
    top: 0;
    
}
.alert-box {
	padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;  
}

.success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    display: none;
}

.failure {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    display: none;
}