@font-face {
    font-family: "nunito";
    src: url(../../fonts/nunito/static/Nunito-Regular.ttf) format('truetype'); /*ttf is truetype*/
    font-weight: normal;
}
@font-face {
    font-family: "nunitobold";
    src: url(../../fonts/nunito/static/Nunito-Bold.ttf) format('truetype'); /*ttf is truetype*/
    font-weight: bolder;
}
@font-face {
    font-family: "nunitobolditalic";
    src: url(../../fonts/nunito/static/Nunito-BoldItalic.ttf) format('truetype'); /*ttf is truetype*/
    font-weight: bolder;
}
@font-face {
    font-family: "nunitoextrabold";
    src: url(../../fonts/nunito/static/Nunito-ExtraBold.ttf) format('truetype'); /*ttf is truetype*/
    font-weight: bolder;
}
@font-face {
    font-family: "robotobold";
    src: url(../../fonts/roboto/Roboto-Bold.ttf) format('truetype'); /*ttf is truetype*/
    font-weight: bolder;
}
@font-face {
    font-family: "robotobolditalic";
    src: url(../../fonts/roboto/Roboto-BoldItalic.ttf) format('truetype'); /*ttf is truetype*/
    font-weight: bolder;
}

/*to make easy to read*/
* {
    margin: 0;
    padding: 0;
}
body {
    text-align: justify;
    font-family: 'nunito', sans-serif;
    font-weight: 400;
}
a {
    color: #6bc6ff;
    margin: 0rem;
    padding: 0rem;
}
b {
    font-family: 'nunitoextrabold', sans-serif;
    font-weight: 900;
}
p {
    font-family: 'nunito', sans-serif;
    /*font-size: 1.1rem;*/
    font-size: 16px;
    padding: 0px;
}
th, td {
  border: 1px solid #fff;
}
table {
  border-collapse: collapse;
}

h1 {
    /*word-break: break-all;*/
    font-size: 8rem;
}
h2 {
    font-size: 6rem;
}
h3 {
    font-size: 4rem;
}
h4 {
    font-size: 2rem;
}
strong {
    font-family: 'nunitoextrabold', sans-serif;
    font-size: 3rem;
    font-weight: bold;
    /*word-break: break-all;*/
    /*display: inline-block; cuz it follows its inline content or smt*/
}
@media (max-width: 575px) {
    strong {
        font-size: 2rem;
    }
}

.container ul {
    padding-left: 16px;
    padding-right: 16px;
    list-style-position: inside; /* bullets/dots inside the content box*/
}