@import url("../default.css");

html {
    direction: rtl;
    overflow-y: scroll;
}

body {
    font-family: Calibri;
    line-height: 21pt;
    background-color:mediumpurple;
    color:white;
}

header {
    display: flex;
    gap: 10px;
    margin:10px;
}

    header .very-big-word {
        font-size: 25pt;
    }

    header .big-description {
        font-size: 14pt;
    }

main {
    margin: 10px;
}

form{
    display:flex;
    flex-direction:column;
    gap:3px
}

input {
    font-family: Calibri;
}

a {
    text-decoration: none;
}

    a:link {
        color: yellow;
    }

    a:visited {
        color: yellow;
    }

    a:hover {
        color: orange;
    }

.error, .no {
    color: red;
}

.success, .yes {
    color: green;
}

.warning {
    color: darkorange;
}

.result {
    display:flex;
    flex-direction:column;
    gap:10px;
}

footer {
    padding: 5px;
    margin: 0 0 10px 0;
    font-size: smaller;
}