*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body{
    background-image: conic-gradient(rgb(0, 255, 85), yellow, green) !important ;
	height: 90vh;
    font-family: 'Raleway', sans-serif !important;
}

#card{
    margin-top: 5rem;
    margin-bottom: 5rem;
}

.card-column{
    background: rgba(0, 0, 0, 0.396) !important;
    box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 ) !important;
    backdrop-filter: blur( 15px );
    border-radius: 10px;
    border: 3px solid rgba( 255, 255, 255, 0.18 ) !important;
}

.roundedleft{
    border-top-left-radius: 1.25rem !important;
    border-bottom-left-radius: 1.25rem !important;
}

.roundedright {
    border-top-right-radius: 1.25rem !important;
    border-bottom-right-radius: 1.25rem !important;
}

.custom-width{
    width: 15rem !important;
}

#copy:focus{
    outline: none !important;
}

.length .w-25 {
    width: 8%!important;
}

.padding-x{
    padding-left: 4rem;
    padding-right: 4rem;
}

.radio-btn{
    height: 1.25rem;
    width: 1.25rem;
    accent-color: green;
    cursor: pointer;
}

.input-bg{
    background: rgba(255, 255, 255, 0.51) !important;
    box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 ) !important;
    backdrop-filter: blur( 15px );
    border-radius: 10px;
}

#submit-btn:active{
    background-color: rgb(221, 221, 221);
}