@import url('https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap');

.title {
    font-family: 'Playfair Display', serif;
}

.form-control {
    font-size: 1.9rem;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    background-color: rgba(242,206,60,255) !important;
    font-family: 'Playfair Display', serif !important;
    padding-bottom: 100px !important;
    margin-bottom: 60px !important;
}

textarea:hover,
input:hover,
textarea:active,
input:active,
textarea:focus,
input:focus
{
    outline:0px !important;
    -webkit-appearance:none;
    box-shadow: none !important;
}

textarea {
    font-size: 1.2rem !important;
}

.form-label {
    background-color: black !important;
    color: rgba(242,206,60,255) !important;
}

.form-control{
    -webkit-border-radius: 0 !important;
       -moz-border-radius: 0 !important;
            border-radius: 0 !important;
            border-color: black !important;
            border: 2px !important;
  }

table {
    table-layout: fixed;
    word-wrap: break-word;
    width: 50%;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 45px; /* Set the fixed height of the footer here */
    line-height: 45px; /* Vertically center the text there */
    background-color: #f5f5f5;
}

button {
    border: 2px solid black;
}


p .screen-name {
    display: none;
  }

p:hover .my-name {
    display: none;
}

p:hover .screen-name {
    display: inline;
}