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


:root {
   --main-font: 'Roboto', sans-serif;
   --sub-font: 'Roboto Mono', monospace;

   --main-clr: #0000ff;
   --sub-clr: #2b2b2b;
   --main-bg: #ffedcc;
}

body {
   background-color: var(--main-bg);
   position: relative;
   width: 100vw;
   height: 90vh;
   display: flex;
   flex-direction: column;
   align-content: center;
   align-items: center;
   justify-content: center;
   text-align: center;
}

h1 {
   font-family: var(--main-font);
   color: var(--main-clr);
}

p {
   font-family: var(--sub-font);
   color: var(--main-clr);
}

.contain {
   position: absolute;
   bottom: 40px;
}