* {
    margin: 0;
    padding: 0;
}

html, body {
    height: 100%;
    width: 100%;
}

body {
    display: flex;
    height: 100%;
    width: 100%;
    justify-content: center;
    align-items: center;
    background-color: gray; 
    background-image: repeating-linear-gradient(-45deg, white, white 1vw, rgba(211, 211, 211, 1) 1vw, rgba(211, 211, 211, 1) 2vw);
}

main {
    display: flex;
    flex-direction: row; 
    box-sizing: border-box;
    border: 1vh solid rgba(235, 188, 108, 1);
    border-radius: 1rem; 
    margin: 1vh; 
    height: calc(100% - 50vh);
    width: calc(100% - 40vh);
    color: rgba(211, 211, 211, 1);
    background-color: #fff; 
    text-align: center;
    overflow: hidden;
    box-shadow: 1px 1px 3px 3px rgba(211, 211, 211, 0.5);
    justify-content: center;
    align-items: center;
    font-size: 12vh;
}

.error {
    display: flex; 
    background-color: rgba(207, 234, 229, 1);
    border-radius: 50%; 
    padding: 5vh; 
    color: #fff; 
    height: 20vh;
    width: 20vh; 
    text-align: center; 
    justify-content: center;
    align-items: center; 
    font-size: 15vh; 
}

.message {
    padding-left: 10vw; 
}