@import url(https://fonts.googleapis.com/css?family=Manrope);
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@500&display=swap');

table.homepage {
    background: rgba(20, 44, 66, 0.8);
    height: 25%;
    width: 80%;
    max-width: 1000px;
    margin: 70px auto;
    padding: 5px;
    border: 1px solid white;
    box-sizing: border-box;
}

body {
    background-color: #142c42;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.column{
    color:#FFFFFF; 
    font-family: 'Josefin Sans', sans-serif; 
    font-size:60px;
}

.styled-input {
    font-family: 'Josefin Sans', sans-serif;
    font-size: 40px;
    display: block;
    margin: 20px auto;
    padding: 10px 20px;
    box-sizing: border-box;
}

.styled-submit {
    font-family: 'Josefin Sans', sans-serif;
    font-size: 40px;
    display: block;
    margin: 20px auto;
    padding: 10px 20px;
    box-sizing: border-box;
}

.apiResponse{
    font-family: 'Josefin Sans', sans-serif;
    font-size: 40px;
    display: block;
    margin: 20px auto;
    padding: 10px 20px;
    box-sizing: border-box;
    color:#FFFFFF;
    text-align: center;
}