main.css

@import url('https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,400;0,700;1,400;1,700&display=swap');

body,h1 {
    font-family: 'Exo 2', sans-serif;
}

body,html {
    height: 100%;
}

.container {
    background: rgb(235,51,73);
    background: -moz-linear-gradient(40deg, rgba(235,51,73,1) 0%, rgba(244,92,67,1) 100%);
    background: -webkit-linear-gradient(40deg, rgba(235,51,73,1) 0%, rgba(244,92,67,1) 100%);
    background: linear-gradient(40deg, rgba(235,51,73,1) 0%, rgba(244,92,67,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eb3349",endColorstr="#f45c43",GradientType=1);
    min-height: 100%;
}

p,h1 {
    color: #ffffff;
}

.display-middle {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.border {
    border-color: #ffffff !important;
    margin:auto;
    width:100%;
}

.large {
    font-size: 18px !important;
}

.center {
    text-align: center !important;
}

.logo {
    margin: 10px 0;
    left: 50%;
}

.fieryRed, .fieryRed-hover:hover {
    background: rgb(235,51,73);
    background: -moz-linear-gradient(40deg, rgba(235,51,73,1) 0%, rgba(244,92,67,1) 100%);
    background: -webkit-linear-gradient(40deg, rgba(235,51,73,1) 0%, rgba(244,92,67,1) 100%);
    background: linear-gradient(40deg, rgba(235,51,73,1) 0%, rgba(244,92,67,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eb3349",endColorstr="#f45c43",GradientType=1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    -text-fill-color: transparent;
}

pre {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}