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

@font-face {
    font-family: cyberfont;
    src: url(assets/font.ttf);
}

html {
    background-image: url(assets/bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    /*
    filter: blur(8px);
    -webkit-filter: blur(8px);
    */
}

body {
    text-align: center;
    font-family: 'Roboto', sans-serif;
}

.mainText {
    font-size: 6vw;
    font-family: cyberfont;
    margin-bottom: 1%;
}

.subText {
    font-size: 2.5vw;
}

.Ltext {
    float: left;
    font-size: 2vw;
    text-align: center;
    width: 60%;
    line-height: 2.5vw;
    margin-left: 5%;
    background-color: #34bdeb;
    border-radius: 1vh;
    border: #34bdeb;
}

.Rtext {
    float: right;
    font-size: 2vw;
    text-align: center;
    width: 60%;
    line-height: 2.5vw;
    margin-right: 5%;
    background-color: #2bbd3a;
    border-radius: 1vh;
    border: #2bbd3a;
}

.footer {
    font-family: 'Roboto', sans-serif;
    text-align: center;
    font-size: 1.2vw;
}