* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Excon', sans-serif;
}

html,
body {
    overflow-x: hidden;
}
/* Flash message */
.flash-message{
    width: 20rem;
    height: 5rem;
    background:#FCD406;
    bottom:1%;
    right:1%;
    z-index:2;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.flash-message svg{
    background: #FCD406;
    color: #000;
    height:2.5rem;
    width: 2.5rem;
    padding: 0.3rem;
    border-radius: 50%;
}
.flash-message svg path{
    fill:#000;
}
.flash-error{
    background:#e71b45;
    bottom:1%;
    right:1%;
    z-index:2;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    width: 20rem;
    height: 5rem;
}
.flash-error svg{
    height:2rem;
    width: 2rem;
}
.flash-error svg path{
    fill: #fff;
}
.flash-message .paragraph, .flash-error .paragraph{
    font-size: 1.2rem;
    font-weight: 400;
}
/* Flash message */
@media (max-width:480px) {
    .flash-message, .flash-error{
        width: 15rem;
    }
    .flash-message svg{
        height:2.1rem;
        width: 2.1rem;
    }
    .flash-error svg{
        height:1.8rem;
        width: 1.8rem;
    }
.flash-message .paragraph, .flash-error .paragraph{
    font-size: 1rem;
}
}