diff --git a/.DS_Store b/.DS_Store index 019d25d3..b7108904 100644 Binary files a/.DS_Store and b/.DS_Store differ diff --git a/content/.DS_Store b/content/.DS_Store index ffc8c967..196f8f4d 100644 Binary files a/content/.DS_Store and b/content/.DS_Store differ diff --git a/content/gotogether/.DS_Store b/content/gotogether/.DS_Store new file mode 100644 index 00000000..b613f0d8 Binary files /dev/null and b/content/gotogether/.DS_Store differ diff --git a/content/pages/.DS_Store b/content/pages/.DS_Store new file mode 100644 index 00000000..e660e102 Binary files /dev/null and b/content/pages/.DS_Store differ diff --git a/content/projects/.DS_Store b/content/projects/.DS_Store index 50cb30d4..4239aeba 100644 Binary files a/content/projects/.DS_Store and b/content/projects/.DS_Store differ diff --git a/content/projects/tims/.DS_Store b/content/projects/tims/.DS_Store index 6a784824..1e615fa5 100644 Binary files a/content/projects/tims/.DS_Store and b/content/projects/tims/.DS_Store differ diff --git a/content/projects/tims/velo/index.md b/content/velo-roya.md similarity index 100% rename from content/projects/tims/velo/index.md rename to content/velo-roya.md diff --git a/resources/_gen/assets/sass/main.scss_7bbaf99eabb468e10b793066c2709a48.content b/resources/_gen/assets/sass/main.scss_7bbaf99eabb468e10b793066c2709a48.content new file mode 100644 index 00000000..f86ad16f --- /dev/null +++ b/resources/_gen/assets/sass/main.scss_7bbaf99eabb468e10b793066c2709a48.content @@ -0,0 +1,2712 @@ +/* Defaults parameters */ +/* TEXT COLORS */ +.primary { + color: #243887; } + +.secondary { + color: #6cc11f; } + +.warning { + color: #ff1300; } + +.reverse { + color: #ffffff; } + +.brandblue { + color: #243887; } + +.green { + color: #6cc11f; } + +.orange { + color: #ff5300; } + +.yellow { + color: #ffdd00; } + +.red { + color: #ff1300; } + +.lightblue { + color: #00beff; } + +.blue { + color: #907eff; } + +.white { + color: #ffffff; } + +/* BACKGROUNDS */ +.bg-primary { + background-color: #243887; } + +.bg-secondary { + background-color: #6cc11f; } + +.bg-warning { + background-color: #ff1300; } + +.bg-brandblue { + background-color: #243887; } + +.bg-green { + background-color: #6cc11f; } + +.bg-orange { + background-color: #ff5300; } + +.bg-yellow { + background-color: #ffdd00; } + +.bg-red { + background-color: #ff1300; } + +.bg-lightblue { + background-color: #00beff; } + +.bg-blue { + background-color: #907eff; } + +.bg-white { + background-color: #ffffff; } + +@font-face { + font-family: "Manometer"; + src: url("/fonts/manometer.woff2") format("woff2"), url("/fonts/manometer.woff") format("woff"); } + +@font-face { + font-family: "Bitter"; + font-style: normal; + src: url("/fonts/Bitter-Regular.woff") format("woff"); } + +body { + font-family: Bitter; + margin: 0; + padding: 0; } + +.brand { + font-family: Manometer; } + +h1 { + font-family: Manometer; + font-weight: normal; } + +h1 { + font-size: 2.5em; } + +h2, h3, h4, h5, h6 { + font-weight: bolder; } + +h2 { + font-size: 1.3em; } + +h3 { + font-size: 1em; } + +h4 { + font-size: 0.8em; } + +p { + font-size: 1em; } + +#content { + margin-top: 3em; } + +.container { + margin: auto; + max-width: 1020px; + padding: 10px; } + +.cap { + text-transform: uppercase; } + +a { + text-decoration: none; + color: #243887; } + +button { + font-family: Manometer; + padding: 10px; + border-radius: 17px; + padding-left: 20px; + padding-right: 20px; + border: 0; + text-transform: uppercase; + letter-spacing: 2px; + cursor: pointer; + font-size: 1em; } + +button:hover { + box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08); } + +/* WIDTH */ +.w-0 { + width: 0px; } + +.max-w-0 { + max-width: 0px; } + +.min-w-0 { + min-width: 0px; } + +.h-0 { + height: 0px; } + +.max-h-0 { + max-height: 0px; } + +.min-h-0 { + min-height: 0px; } + +@media (max-width: 600px) { + .sm-w-0 { + width: 0px; } + .sm-max-w-0 { + max-width: 0px; } + .sm-min-w-0 { + min-width: 0px; } + .sm-h-0 { + height: 0px; } + .sm-max-h-0 { + max-height: 0px; } + .sm-min-h-0 { + min-height: 0px; } } + +@media (min-width: 600px) and (max-width: 992px) { + .md-w-0 { + width: 0px; } + .md-max-w-0 { + max-width: 0px; } + .md-min-w-0 { + min-width: 0px; } + .md-h-0 { + height: 0px; } + .md-max-h-0 { + max-height: 0px; } + .md-min-h-0 { + min-height: 0px; } } + +@media (min-width: 992px) { + .lg-w-0 { + width: 0px; } + .lg-max-w-0 { + max-width: 0px; } + .lg-min-w-0 { + min-width: 0px; } + .lg-h-0 { + height: 0px; } + .lg-max-h-0 { + max-height: 0px; } + .lg-min-h-0 { + min-height: 0px; } } + +.w-5 { + width: 5px; } + +.max-w-5 { + max-width: 5px; } + +.min-w-5 { + min-width: 5px; } + +.h-5 { + height: 5px; } + +.max-h-5 { + max-height: 5px; } + +.min-h-5 { + min-height: 5px; } + +@media (max-width: 600px) { + .sm-w-5 { + width: 5px; } + .sm-max-w-5 { + max-width: 5px; } + .sm-min-w-5 { + min-width: 5px; } + .sm-h-5 { + height: 5px; } + .sm-max-h-5 { + max-height: 5px; } + .sm-min-h-5 { + min-height: 5px; } } + +@media (min-width: 600px) and (max-width: 992px) { + .md-w-5 { + width: 5px; } + .md-max-w-5 { + max-width: 5px; } + .md-min-w-5 { + min-width: 5px; } + .md-h-5 { + height: 5px; } + .md-max-h-5 { + max-height: 5px; } + .md-min-h-5 { + min-height: 5px; } } + +@media (min-width: 992px) { + .lg-w-5 { + width: 5px; } + .lg-max-w-5 { + max-width: 5px; } + .lg-min-w-5 { + min-width: 5px; } + .lg-h-5 { + height: 5px; } + .lg-max-h-5 { + max-height: 5px; } + .lg-min-h-5 { + min-height: 5px; } } + +.w-10 { + width: 10px; } + +.max-w-10 { + max-width: 10px; } + +.min-w-10 { + min-width: 10px; } + +.h-10 { + height: 10px; } + +.max-h-10 { + max-height: 10px; } + +.min-h-10 { + min-height: 10px; } + +@media (max-width: 600px) { + .sm-w-10 { + width: 10px; } + .sm-max-w-10 { + max-width: 10px; } + .sm-min-w-10 { + min-width: 10px; } + .sm-h-10 { + height: 10px; } + .sm-max-h-10 { + max-height: 10px; } + .sm-min-h-10 { + min-height: 10px; } } + +@media (min-width: 600px) and (max-width: 992px) { + .md-w-10 { + width: 10px; } + .md-max-w-10 { + max-width: 10px; } + .md-min-w-10 { + min-width: 10px; } + .md-h-10 { + height: 10px; } + .md-max-h-10 { + max-height: 10px; } + .md-min-h-10 { + min-height: 10px; } } + +@media (min-width: 992px) { + .lg-w-10 { + width: 10px; } + .lg-max-w-10 { + max-width: 10px; } + .lg-min-w-10 { + min-width: 10px; } + .lg-h-10 { + height: 10px; } + .lg-max-h-10 { + max-height: 10px; } + .lg-min-h-10 { + min-height: 10px; } } + +.w-15 { + width: 15px; } + +.max-w-15 { + max-width: 15px; } + +.min-w-15 { + min-width: 15px; } + +.h-15 { + height: 15px; } + +.max-h-15 { + max-height: 15px; } + +.min-h-15 { + min-height: 15px; } + +@media (max-width: 600px) { + .sm-w-15 { + width: 15px; } + .sm-max-w-15 { + max-width: 15px; } + .sm-min-w-15 { + min-width: 15px; } + .sm-h-15 { + height: 15px; } + .sm-max-h-15 { + max-height: 15px; } + .sm-min-h-15 { + min-height: 15px; } } + +@media (min-width: 600px) and (max-width: 992px) { + .md-w-15 { + width: 15px; } + .md-max-w-15 { + max-width: 15px; } + .md-min-w-15 { + min-width: 15px; } + .md-h-15 { + height: 15px; } + .md-max-h-15 { + max-height: 15px; } + .md-min-h-15 { + min-height: 15px; } } + +@media (min-width: 992px) { + .lg-w-15 { + width: 15px; } + .lg-max-w-15 { + max-width: 15px; } + .lg-min-w-15 { + min-width: 15px; } + .lg-h-15 { + height: 15px; } + .lg-max-h-15 { + max-height: 15px; } + .lg-min-h-15 { + min-height: 15px; } } + +.w-20 { + width: 20px; } + +.max-w-20 { + max-width: 20px; } + +.min-w-20 { + min-width: 20px; } + +.h-20 { + height: 20px; } + +.max-h-20 { + max-height: 20px; } + +.min-h-20 { + min-height: 20px; } + +@media (max-width: 600px) { + .sm-w-20 { + width: 20px; } + .sm-max-w-20 { + max-width: 20px; } + .sm-min-w-20 { + min-width: 20px; } + .sm-h-20 { + height: 20px; } + .sm-max-h-20 { + max-height: 20px; } + .sm-min-h-20 { + min-height: 20px; } } + +@media (min-width: 600px) and (max-width: 992px) { + .md-w-20 { + width: 20px; } + .md-max-w-20 { + max-width: 20px; } + .md-min-w-20 { + min-width: 20px; } + .md-h-20 { + height: 20px; } + .md-max-h-20 { + max-height: 20px; } + .md-min-h-20 { + min-height: 20px; } } + +@media (min-width: 992px) { + .lg-w-20 { + width: 20px; } + .lg-max-w-20 { + max-width: 20px; } + .lg-min-w-20 { + min-width: 20px; } + .lg-h-20 { + height: 20px; } + .lg-max-h-20 { + max-height: 20px; } + .lg-min-h-20 { + min-height: 20px; } } + +.w-25 { + width: 25px; } + +.max-w-25 { + max-width: 25px; } + +.min-w-25 { + min-width: 25px; } + +.h-25 { + height: 25px; } + +.max-h-25 { + max-height: 25px; } + +.min-h-25 { + min-height: 25px; } + +@media (max-width: 600px) { + .sm-w-25 { + width: 25px; } + .sm-max-w-25 { + max-width: 25px; } + .sm-min-w-25 { + min-width: 25px; } + .sm-h-25 { + height: 25px; } + .sm-max-h-25 { + max-height: 25px; } + .sm-min-h-25 { + min-height: 25px; } } + +@media (min-width: 600px) and (max-width: 992px) { + .md-w-25 { + width: 25px; } + .md-max-w-25 { + max-width: 25px; } + .md-min-w-25 { + min-width: 25px; } + .md-h-25 { + height: 25px; } + .md-max-h-25 { + max-height: 25px; } + .md-min-h-25 { + min-height: 25px; } } + +@media (min-width: 992px) { + .lg-w-25 { + width: 25px; } + .lg-max-w-25 { + max-width: 25px; } + .lg-min-w-25 { + min-width: 25px; } + .lg-h-25 { + height: 25px; } + .lg-max-h-25 { + max-height: 25px; } + .lg-min-h-25 { + min-height: 25px; } } + +.w-30 { + width: 30px; } + +.max-w-30 { + max-width: 30px; } + +.min-w-30 { + min-width: 30px; } + +.h-30 { + height: 30px; } + +.max-h-30 { + max-height: 30px; } + +.min-h-30 { + min-height: 30px; } + +@media (max-width: 600px) { + .sm-w-30 { + width: 30px; } + .sm-max-w-30 { + max-width: 30px; } + .sm-min-w-30 { + min-width: 30px; } + .sm-h-30 { + height: 30px; } + .sm-max-h-30 { + max-height: 30px; } + .sm-min-h-30 { + min-height: 30px; } } + +@media (min-width: 600px) and (max-width: 992px) { + .md-w-30 { + width: 30px; } + .md-max-w-30 { + max-width: 30px; } + .md-min-w-30 { + min-width: 30px; } + .md-h-30 { + height: 30px; } + .md-max-h-30 { + max-height: 30px; } + .md-min-h-30 { + min-height: 30px; } } + +@media (min-width: 992px) { + .lg-w-30 { + width: 30px; } + .lg-max-w-30 { + max-width: 30px; } + .lg-min-w-30 { + min-width: 30px; } + .lg-h-30 { + height: 30px; } + .lg-max-h-30 { + max-height: 30px; } + .lg-min-h-30 { + min-height: 30px; } } + +.w-35 { + width: 35px; } + +.max-w-35 { + max-width: 35px; } + +.min-w-35 { + min-width: 35px; } + +.h-35 { + height: 35px; } + +.max-h-35 { + max-height: 35px; } + +.min-h-35 { + min-height: 35px; } + +@media (max-width: 600px) { + .sm-w-35 { + width: 35px; } + .sm-max-w-35 { + max-width: 35px; } + .sm-min-w-35 { + min-width: 35px; } + .sm-h-35 { + height: 35px; } + .sm-max-h-35 { + max-height: 35px; } + .sm-min-h-35 { + min-height: 35px; } } + +@media (min-width: 600px) and (max-width: 992px) { + .md-w-35 { + width: 35px; } + .md-max-w-35 { + max-width: 35px; } + .md-min-w-35 { + min-width: 35px; } + .md-h-35 { + height: 35px; } + .md-max-h-35 { + max-height: 35px; } + .md-min-h-35 { + min-height: 35px; } } + +@media (min-width: 992px) { + .lg-w-35 { + width: 35px; } + .lg-max-w-35 { + max-width: 35px; } + .lg-min-w-35 { + min-width: 35px; } + .lg-h-35 { + height: 35px; } + .lg-max-h-35 { + max-height: 35px; } + .lg-min-h-35 { + min-height: 35px; } } + +.w-40 { + width: 40px; } + +.max-w-40 { + max-width: 40px; } + +.min-w-40 { + min-width: 40px; } + +.h-40 { + height: 40px; } + +.max-h-40 { + max-height: 40px; } + +.min-h-40 { + min-height: 40px; } + +@media (max-width: 600px) { + .sm-w-40 { + width: 40px; } + .sm-max-w-40 { + max-width: 40px; } + .sm-min-w-40 { + min-width: 40px; } + .sm-h-40 { + height: 40px; } + .sm-max-h-40 { + max-height: 40px; } + .sm-min-h-40 { + min-height: 40px; } } + +@media (min-width: 600px) and (max-width: 992px) { + .md-w-40 { + width: 40px; } + .md-max-w-40 { + max-width: 40px; } + .md-min-w-40 { + min-width: 40px; } + .md-h-40 { + height: 40px; } + .md-max-h-40 { + max-height: 40px; } + .md-min-h-40 { + min-height: 40px; } } + +@media (min-width: 992px) { + .lg-w-40 { + width: 40px; } + .lg-max-w-40 { + max-width: 40px; } + .lg-min-w-40 { + min-width: 40px; } + .lg-h-40 { + height: 40px; } + .lg-max-h-40 { + max-height: 40px; } + .lg-min-h-40 { + min-height: 40px; } } + +.w-45 { + width: 45px; } + +.max-w-45 { + max-width: 45px; } + +.min-w-45 { + min-width: 45px; } + +.h-45 { + height: 45px; } + +.max-h-45 { + max-height: 45px; } + +.min-h-45 { + min-height: 45px; } + +@media (max-width: 600px) { + .sm-w-45 { + width: 45px; } + .sm-max-w-45 { + max-width: 45px; } + .sm-min-w-45 { + min-width: 45px; } + .sm-h-45 { + height: 45px; } + .sm-max-h-45 { + max-height: 45px; } + .sm-min-h-45 { + min-height: 45px; } } + +@media (min-width: 600px) and (max-width: 992px) { + .md-w-45 { + width: 45px; } + .md-max-w-45 { + max-width: 45px; } + .md-min-w-45 { + min-width: 45px; } + .md-h-45 { + height: 45px; } + .md-max-h-45 { + max-height: 45px; } + .md-min-h-45 { + min-height: 45px; } } + +@media (min-width: 992px) { + .lg-w-45 { + width: 45px; } + .lg-max-w-45 { + max-width: 45px; } + .lg-min-w-45 { + min-width: 45px; } + .lg-h-45 { + height: 45px; } + .lg-max-h-45 { + max-height: 45px; } + .lg-min-h-45 { + min-height: 45px; } } + +.w-50 { + width: 50px; } + +.max-w-50 { + max-width: 50px; } + +.min-w-50 { + min-width: 50px; } + +.h-50 { + height: 50px; } + +.max-h-50 { + max-height: 50px; } + +.min-h-50 { + min-height: 50px; } + +@media (max-width: 600px) { + .sm-w-50 { + width: 50px; } + .sm-max-w-50 { + max-width: 50px; } + .sm-min-w-50 { + min-width: 50px; } + .sm-h-50 { + height: 50px; } + .sm-max-h-50 { + max-height: 50px; } + .sm-min-h-50 { + min-height: 50px; } } + +@media (min-width: 600px) and (max-width: 992px) { + .md-w-50 { + width: 50px; } + .md-max-w-50 { + max-width: 50px; } + .md-min-w-50 { + min-width: 50px; } + .md-h-50 { + height: 50px; } + .md-max-h-50 { + max-height: 50px; } + .md-min-h-50 { + min-height: 50px; } } + +@media (min-width: 992px) { + .lg-w-50 { + width: 50px; } + .lg-max-w-50 { + max-width: 50px; } + .lg-min-w-50 { + min-width: 50px; } + .lg-h-50 { + height: 50px; } + .lg-max-h-50 { + max-height: 50px; } + .lg-min-h-50 { + min-height: 50px; } } + +.w-75 { + width: 75px; } + +.max-w-75 { + max-width: 75px; } + +.min-w-75 { + min-width: 75px; } + +.h-75 { + height: 75px; } + +.max-h-75 { + max-height: 75px; } + +.min-h-75 { + min-height: 75px; } + +@media (max-width: 600px) { + .sm-w-75 { + width: 75px; } + .sm-max-w-75 { + max-width: 75px; } + .sm-min-w-75 { + min-width: 75px; } + .sm-h-75 { + height: 75px; } + .sm-max-h-75 { + max-height: 75px; } + .sm-min-h-75 { + min-height: 75px; } } + +@media (min-width: 600px) and (max-width: 992px) { + .md-w-75 { + width: 75px; } + .md-max-w-75 { + max-width: 75px; } + .md-min-w-75 { + min-width: 75px; } + .md-h-75 { + height: 75px; } + .md-max-h-75 { + max-height: 75px; } + .md-min-h-75 { + min-height: 75px; } } + +@media (min-width: 992px) { + .lg-w-75 { + width: 75px; } + .lg-max-w-75 { + max-width: 75px; } + .lg-min-w-75 { + min-width: 75px; } + .lg-h-75 { + height: 75px; } + .lg-max-h-75 { + max-height: 75px; } + .lg-min-h-75 { + min-height: 75px; } } + +.w-100 { + width: 100px; } + +.max-w-100 { + max-width: 100px; } + +.min-w-100 { + min-width: 100px; } + +.h-100 { + height: 100px; } + +.max-h-100 { + max-height: 100px; } + +.min-h-100 { + min-height: 100px; } + +@media (max-width: 600px) { + .sm-w-100 { + width: 100px; } + .sm-max-w-100 { + max-width: 100px; } + .sm-min-w-100 { + min-width: 100px; } + .sm-h-100 { + height: 100px; } + .sm-max-h-100 { + max-height: 100px; } + .sm-min-h-100 { + min-height: 100px; } } + +@media (min-width: 600px) and (max-width: 992px) { + .md-w-100 { + width: 100px; } + .md-max-w-100 { + max-width: 100px; } + .md-min-w-100 { + min-width: 100px; } + .md-h-100 { + height: 100px; } + .md-max-h-100 { + max-height: 100px; } + .md-min-h-100 { + min-height: 100px; } } + +@media (min-width: 992px) { + .lg-w-100 { + width: 100px; } + .lg-max-w-100 { + max-width: 100px; } + .lg-min-w-100 { + min-width: 100px; } + .lg-h-100 { + height: 100px; } + .lg-max-h-100 { + max-height: 100px; } + .lg-min-h-100 { + min-height: 100px; } } + +.w-125 { + width: 125px; } + +.max-w-125 { + max-width: 125px; } + +.min-w-125 { + min-width: 125px; } + +.h-125 { + height: 125px; } + +.max-h-125 { + max-height: 125px; } + +.min-h-125 { + min-height: 125px; } + +@media (max-width: 600px) { + .sm-w-125 { + width: 125px; } + .sm-max-w-125 { + max-width: 125px; } + .sm-min-w-125 { + min-width: 125px; } + .sm-h-125 { + height: 125px; } + .sm-max-h-125 { + max-height: 125px; } + .sm-min-h-125 { + min-height: 125px; } } + +@media (min-width: 600px) and (max-width: 992px) { + .md-w-125 { + width: 125px; } + .md-max-w-125 { + max-width: 125px; } + .md-min-w-125 { + min-width: 125px; } + .md-h-125 { + height: 125px; } + .md-max-h-125 { + max-height: 125px; } + .md-min-h-125 { + min-height: 125px; } } + +@media (min-width: 992px) { + .lg-w-125 { + width: 125px; } + .lg-max-w-125 { + max-width: 125px; } + .lg-min-w-125 { + min-width: 125px; } + .lg-h-125 { + height: 125px; } + .lg-max-h-125 { + max-height: 125px; } + .lg-min-h-125 { + min-height: 125px; } } + +.w-150 { + width: 150px; } + +.max-w-150 { + max-width: 150px; } + +.min-w-150 { + min-width: 150px; } + +.h-150 { + height: 150px; } + +.max-h-150 { + max-height: 150px; } + +.min-h-150 { + min-height: 150px; } + +@media (max-width: 600px) { + .sm-w-150 { + width: 150px; } + .sm-max-w-150 { + max-width: 150px; } + .sm-min-w-150 { + min-width: 150px; } + .sm-h-150 { + height: 150px; } + .sm-max-h-150 { + max-height: 150px; } + .sm-min-h-150 { + min-height: 150px; } } + +@media (min-width: 600px) and (max-width: 992px) { + .md-w-150 { + width: 150px; } + .md-max-w-150 { + max-width: 150px; } + .md-min-w-150 { + min-width: 150px; } + .md-h-150 { + height: 150px; } + .md-max-h-150 { + max-height: 150px; } + .md-min-h-150 { + min-height: 150px; } } + +@media (min-width: 992px) { + .lg-w-150 { + width: 150px; } + .lg-max-w-150 { + max-width: 150px; } + .lg-min-w-150 { + min-width: 150px; } + .lg-h-150 { + height: 150px; } + .lg-max-h-150 { + max-height: 150px; } + .lg-min-h-150 { + min-height: 150px; } } + +.w-200 { + width: 200px; } + +.max-w-200 { + max-width: 200px; } + +.min-w-200 { + min-width: 200px; } + +.h-200 { + height: 200px; } + +.max-h-200 { + max-height: 200px; } + +.min-h-200 { + min-height: 200px; } + +@media (max-width: 600px) { + .sm-w-200 { + width: 200px; } + .sm-max-w-200 { + max-width: 200px; } + .sm-min-w-200 { + min-width: 200px; } + .sm-h-200 { + height: 200px; } + .sm-max-h-200 { + max-height: 200px; } + .sm-min-h-200 { + min-height: 200px; } } + +@media (min-width: 600px) and (max-width: 992px) { + .md-w-200 { + width: 200px; } + .md-max-w-200 { + max-width: 200px; } + .md-min-w-200 { + min-width: 200px; } + .md-h-200 { + height: 200px; } + .md-max-h-200 { + max-height: 200px; } + .md-min-h-200 { + min-height: 200px; } } + +@media (min-width: 992px) { + .lg-w-200 { + width: 200px; } + .lg-max-w-200 { + max-width: 200px; } + .lg-min-w-200 { + min-width: 200px; } + .lg-h-200 { + height: 200px; } + .lg-max-h-200 { + max-height: 200px; } + .lg-min-h-200 { + min-height: 200px; } } + +.w-250 { + width: 250px; } + +.max-w-250 { + max-width: 250px; } + +.min-w-250 { + min-width: 250px; } + +.h-250 { + height: 250px; } + +.max-h-250 { + max-height: 250px; } + +.min-h-250 { + min-height: 250px; } + +@media (max-width: 600px) { + .sm-w-250 { + width: 250px; } + .sm-max-w-250 { + max-width: 250px; } + .sm-min-w-250 { + min-width: 250px; } + .sm-h-250 { + height: 250px; } + .sm-max-h-250 { + max-height: 250px; } + .sm-min-h-250 { + min-height: 250px; } } + +@media (min-width: 600px) and (max-width: 992px) { + .md-w-250 { + width: 250px; } + .md-max-w-250 { + max-width: 250px; } + .md-min-w-250 { + min-width: 250px; } + .md-h-250 { + height: 250px; } + .md-max-h-250 { + max-height: 250px; } + .md-min-h-250 { + min-height: 250px; } } + +@media (min-width: 992px) { + .lg-w-250 { + width: 250px; } + .lg-max-w-250 { + max-width: 250px; } + .lg-min-w-250 { + min-width: 250px; } + .lg-h-250 { + height: 250px; } + .lg-max-h-250 { + max-height: 250px; } + .lg-min-h-250 { + min-height: 250px; } } + +.w-275 { + width: 275px; } + +.max-w-275 { + max-width: 275px; } + +.min-w-275 { + min-width: 275px; } + +.h-275 { + height: 275px; } + +.max-h-275 { + max-height: 275px; } + +.min-h-275 { + min-height: 275px; } + +@media (max-width: 600px) { + .sm-w-275 { + width: 275px; } + .sm-max-w-275 { + max-width: 275px; } + .sm-min-w-275 { + min-width: 275px; } + .sm-h-275 { + height: 275px; } + .sm-max-h-275 { + max-height: 275px; } + .sm-min-h-275 { + min-height: 275px; } } + +@media (min-width: 600px) and (max-width: 992px) { + .md-w-275 { + width: 275px; } + .md-max-w-275 { + max-width: 275px; } + .md-min-w-275 { + min-width: 275px; } + .md-h-275 { + height: 275px; } + .md-max-h-275 { + max-height: 275px; } + .md-min-h-275 { + min-height: 275px; } } + +@media (min-width: 992px) { + .lg-w-275 { + width: 275px; } + .lg-max-w-275 { + max-width: 275px; } + .lg-min-w-275 { + min-width: 275px; } + .lg-h-275 { + height: 275px; } + .lg-max-h-275 { + max-height: 275px; } + .lg-min-h-275 { + min-height: 275px; } } + +.w-280 { + width: 280px; } + +.max-w-280 { + max-width: 280px; } + +.min-w-280 { + min-width: 280px; } + +.h-280 { + height: 280px; } + +.max-h-280 { + max-height: 280px; } + +.min-h-280 { + min-height: 280px; } + +@media (max-width: 600px) { + .sm-w-280 { + width: 280px; } + .sm-max-w-280 { + max-width: 280px; } + .sm-min-w-280 { + min-width: 280px; } + .sm-h-280 { + height: 280px; } + .sm-max-h-280 { + max-height: 280px; } + .sm-min-h-280 { + min-height: 280px; } } + +@media (min-width: 600px) and (max-width: 992px) { + .md-w-280 { + width: 280px; } + .md-max-w-280 { + max-width: 280px; } + .md-min-w-280 { + min-width: 280px; } + .md-h-280 { + height: 280px; } + .md-max-h-280 { + max-height: 280px; } + .md-min-h-280 { + min-height: 280px; } } + +@media (min-width: 992px) { + .lg-w-280 { + width: 280px; } + .lg-max-w-280 { + max-width: 280px; } + .lg-min-w-280 { + min-width: 280px; } + .lg-h-280 { + height: 280px; } + .lg-max-h-280 { + max-height: 280px; } + .lg-min-h-280 { + min-height: 280px; } } + +.w-290 { + width: 290px; } + +.max-w-290 { + max-width: 290px; } + +.min-w-290 { + min-width: 290px; } + +.h-290 { + height: 290px; } + +.max-h-290 { + max-height: 290px; } + +.min-h-290 { + min-height: 290px; } + +@media (max-width: 600px) { + .sm-w-290 { + width: 290px; } + .sm-max-w-290 { + max-width: 290px; } + .sm-min-w-290 { + min-width: 290px; } + .sm-h-290 { + height: 290px; } + .sm-max-h-290 { + max-height: 290px; } + .sm-min-h-290 { + min-height: 290px; } } + +@media (min-width: 600px) and (max-width: 992px) { + .md-w-290 { + width: 290px; } + .md-max-w-290 { + max-width: 290px; } + .md-min-w-290 { + min-width: 290px; } + .md-h-290 { + height: 290px; } + .md-max-h-290 { + max-height: 290px; } + .md-min-h-290 { + min-height: 290px; } } + +@media (min-width: 992px) { + .lg-w-290 { + width: 290px; } + .lg-max-w-290 { + max-width: 290px; } + .lg-min-w-290 { + min-width: 290px; } + .lg-h-290 { + height: 290px; } + .lg-max-h-290 { + max-height: 290px; } + .lg-min-h-290 { + min-height: 290px; } } + +.w-300 { + width: 300px; } + +.max-w-300 { + max-width: 300px; } + +.min-w-300 { + min-width: 300px; } + +.h-300 { + height: 300px; } + +.max-h-300 { + max-height: 300px; } + +.min-h-300 { + min-height: 300px; } + +@media (max-width: 600px) { + .sm-w-300 { + width: 300px; } + .sm-max-w-300 { + max-width: 300px; } + .sm-min-w-300 { + min-width: 300px; } + .sm-h-300 { + height: 300px; } + .sm-max-h-300 { + max-height: 300px; } + .sm-min-h-300 { + min-height: 300px; } } + +@media (min-width: 600px) and (max-width: 992px) { + .md-w-300 { + width: 300px; } + .md-max-w-300 { + max-width: 300px; } + .md-min-w-300 { + min-width: 300px; } + .md-h-300 { + height: 300px; } + .md-max-h-300 { + max-height: 300px; } + .md-min-h-300 { + min-height: 300px; } } + +@media (min-width: 992px) { + .lg-w-300 { + width: 300px; } + .lg-max-w-300 { + max-width: 300px; } + .lg-min-w-300 { + min-width: 300px; } + .lg-h-300 { + height: 300px; } + .lg-max-h-300 { + max-height: 300px; } + .lg-min-h-300 { + min-height: 300px; } } + +.w-350 { + width: 350px; } + +.max-w-350 { + max-width: 350px; } + +.min-w-350 { + min-width: 350px; } + +.h-350 { + height: 350px; } + +.max-h-350 { + max-height: 350px; } + +.min-h-350 { + min-height: 350px; } + +@media (max-width: 600px) { + .sm-w-350 { + width: 350px; } + .sm-max-w-350 { + max-width: 350px; } + .sm-min-w-350 { + min-width: 350px; } + .sm-h-350 { + height: 350px; } + .sm-max-h-350 { + max-height: 350px; } + .sm-min-h-350 { + min-height: 350px; } } + +@media (min-width: 600px) and (max-width: 992px) { + .md-w-350 { + width: 350px; } + .md-max-w-350 { + max-width: 350px; } + .md-min-w-350 { + min-width: 350px; } + .md-h-350 { + height: 350px; } + .md-max-h-350 { + max-height: 350px; } + .md-min-h-350 { + min-height: 350px; } } + +@media (min-width: 992px) { + .lg-w-350 { + width: 350px; } + .lg-max-w-350 { + max-width: 350px; } + .lg-min-w-350 { + min-width: 350px; } + .lg-h-350 { + height: 350px; } + .lg-max-h-350 { + max-height: 350px; } + .lg-min-h-350 { + min-height: 350px; } } + +.w-400 { + width: 400px; } + +.max-w-400 { + max-width: 400px; } + +.min-w-400 { + min-width: 400px; } + +.h-400 { + height: 400px; } + +.max-h-400 { + max-height: 400px; } + +.min-h-400 { + min-height: 400px; } + +@media (max-width: 600px) { + .sm-w-400 { + width: 400px; } + .sm-max-w-400 { + max-width: 400px; } + .sm-min-w-400 { + min-width: 400px; } + .sm-h-400 { + height: 400px; } + .sm-max-h-400 { + max-height: 400px; } + .sm-min-h-400 { + min-height: 400px; } } + +@media (min-width: 600px) and (max-width: 992px) { + .md-w-400 { + width: 400px; } + .md-max-w-400 { + max-width: 400px; } + .md-min-w-400 { + min-width: 400px; } + .md-h-400 { + height: 400px; } + .md-max-h-400 { + max-height: 400px; } + .md-min-h-400 { + min-height: 400px; } } + +@media (min-width: 992px) { + .lg-w-400 { + width: 400px; } + .lg-max-w-400 { + max-width: 400px; } + .lg-min-w-400 { + min-width: 400px; } + .lg-h-400 { + height: 400px; } + .lg-max-h-400 { + max-height: 400px; } + .lg-min-h-400 { + min-height: 400px; } } + +.w-450 { + width: 450px; } + +.max-w-450 { + max-width: 450px; } + +.min-w-450 { + min-width: 450px; } + +.h-450 { + height: 450px; } + +.max-h-450 { + max-height: 450px; } + +.min-h-450 { + min-height: 450px; } + +@media (max-width: 600px) { + .sm-w-450 { + width: 450px; } + .sm-max-w-450 { + max-width: 450px; } + .sm-min-w-450 { + min-width: 450px; } + .sm-h-450 { + height: 450px; } + .sm-max-h-450 { + max-height: 450px; } + .sm-min-h-450 { + min-height: 450px; } } + +@media (min-width: 600px) and (max-width: 992px) { + .md-w-450 { + width: 450px; } + .md-max-w-450 { + max-width: 450px; } + .md-min-w-450 { + min-width: 450px; } + .md-h-450 { + height: 450px; } + .md-max-h-450 { + max-height: 450px; } + .md-min-h-450 { + min-height: 450px; } } + +@media (min-width: 992px) { + .lg-w-450 { + width: 450px; } + .lg-max-w-450 { + max-width: 450px; } + .lg-min-w-450 { + min-width: 450px; } + .lg-h-450 { + height: 450px; } + .lg-max-h-450 { + max-height: 450px; } + .lg-min-h-450 { + min-height: 450px; } } + +.w-500 { + width: 500px; } + +.max-w-500 { + max-width: 500px; } + +.min-w-500 { + min-width: 500px; } + +.h-500 { + height: 500px; } + +.max-h-500 { + max-height: 500px; } + +.min-h-500 { + min-height: 500px; } + +@media (max-width: 600px) { + .sm-w-500 { + width: 500px; } + .sm-max-w-500 { + max-width: 500px; } + .sm-min-w-500 { + min-width: 500px; } + .sm-h-500 { + height: 500px; } + .sm-max-h-500 { + max-height: 500px; } + .sm-min-h-500 { + min-height: 500px; } } + +@media (min-width: 600px) and (max-width: 992px) { + .md-w-500 { + width: 500px; } + .md-max-w-500 { + max-width: 500px; } + .md-min-w-500 { + min-width: 500px; } + .md-h-500 { + height: 500px; } + .md-max-h-500 { + max-height: 500px; } + .md-min-h-500 { + min-height: 500px; } } + +@media (min-width: 992px) { + .lg-w-500 { + width: 500px; } + .lg-max-w-500 { + max-width: 500px; } + .lg-min-w-500 { + min-width: 500px; } + .lg-h-500 { + height: 500px; } + .lg-max-h-500 { + max-height: 500px; } + .lg-min-h-500 { + min-height: 500px; } } + +.w-600 { + width: 600px; } + +.max-w-600 { + max-width: 600px; } + +.min-w-600 { + min-width: 600px; } + +.h-600 { + height: 600px; } + +.max-h-600 { + max-height: 600px; } + +.min-h-600 { + min-height: 600px; } + +@media (max-width: 600px) { + .sm-w-600 { + width: 600px; } + .sm-max-w-600 { + max-width: 600px; } + .sm-min-w-600 { + min-width: 600px; } + .sm-h-600 { + height: 600px; } + .sm-max-h-600 { + max-height: 600px; } + .sm-min-h-600 { + min-height: 600px; } } + +@media (min-width: 600px) and (max-width: 992px) { + .md-w-600 { + width: 600px; } + .md-max-w-600 { + max-width: 600px; } + .md-min-w-600 { + min-width: 600px; } + .md-h-600 { + height: 600px; } + .md-max-h-600 { + max-height: 600px; } + .md-min-h-600 { + min-height: 600px; } } + +@media (min-width: 992px) { + .lg-w-600 { + width: 600px; } + .lg-max-w-600 { + max-width: 600px; } + .lg-min-w-600 { + min-width: 600px; } + .lg-h-600 { + height: 600px; } + .lg-max-h-600 { + max-height: 600px; } + .lg-min-h-600 { + min-height: 600px; } } + +.w-700 { + width: 700px; } + +.max-w-700 { + max-width: 700px; } + +.min-w-700 { + min-width: 700px; } + +.h-700 { + height: 700px; } + +.max-h-700 { + max-height: 700px; } + +.min-h-700 { + min-height: 700px; } + +@media (max-width: 600px) { + .sm-w-700 { + width: 700px; } + .sm-max-w-700 { + max-width: 700px; } + .sm-min-w-700 { + min-width: 700px; } + .sm-h-700 { + height: 700px; } + .sm-max-h-700 { + max-height: 700px; } + .sm-min-h-700 { + min-height: 700px; } } + +@media (min-width: 600px) and (max-width: 992px) { + .md-w-700 { + width: 700px; } + .md-max-w-700 { + max-width: 700px; } + .md-min-w-700 { + min-width: 700px; } + .md-h-700 { + height: 700px; } + .md-max-h-700 { + max-height: 700px; } + .md-min-h-700 { + min-height: 700px; } } + +@media (min-width: 992px) { + .lg-w-700 { + width: 700px; } + .lg-max-w-700 { + max-width: 700px; } + .lg-min-w-700 { + min-width: 700px; } + .lg-h-700 { + height: 700px; } + .lg-max-h-700 { + max-height: 700px; } + .lg-min-h-700 { + min-height: 700px; } } + +.w-800 { + width: 800px; } + +.max-w-800 { + max-width: 800px; } + +.min-w-800 { + min-width: 800px; } + +.h-800 { + height: 800px; } + +.max-h-800 { + max-height: 800px; } + +.min-h-800 { + min-height: 800px; } + +@media (max-width: 600px) { + .sm-w-800 { + width: 800px; } + .sm-max-w-800 { + max-width: 800px; } + .sm-min-w-800 { + min-width: 800px; } + .sm-h-800 { + height: 800px; } + .sm-max-h-800 { + max-height: 800px; } + .sm-min-h-800 { + min-height: 800px; } } + +@media (min-width: 600px) and (max-width: 992px) { + .md-w-800 { + width: 800px; } + .md-max-w-800 { + max-width: 800px; } + .md-min-w-800 { + min-width: 800px; } + .md-h-800 { + height: 800px; } + .md-max-h-800 { + max-height: 800px; } + .md-min-h-800 { + min-height: 800px; } } + +@media (min-width: 992px) { + .lg-w-800 { + width: 800px; } + .lg-max-w-800 { + max-width: 800px; } + .lg-min-w-800 { + min-width: 800px; } + .lg-h-800 { + height: 800px; } + .lg-max-h-800 { + max-height: 800px; } + .lg-min-h-800 { + min-height: 800px; } } + +.w-900 { + width: 900px; } + +.max-w-900 { + max-width: 900px; } + +.min-w-900 { + min-width: 900px; } + +.h-900 { + height: 900px; } + +.max-h-900 { + max-height: 900px; } + +.min-h-900 { + min-height: 900px; } + +@media (max-width: 600px) { + .sm-w-900 { + width: 900px; } + .sm-max-w-900 { + max-width: 900px; } + .sm-min-w-900 { + min-width: 900px; } + .sm-h-900 { + height: 900px; } + .sm-max-h-900 { + max-height: 900px; } + .sm-min-h-900 { + min-height: 900px; } } + +@media (min-width: 600px) and (max-width: 992px) { + .md-w-900 { + width: 900px; } + .md-max-w-900 { + max-width: 900px; } + .md-min-w-900 { + min-width: 900px; } + .md-h-900 { + height: 900px; } + .md-max-h-900 { + max-height: 900px; } + .md-min-h-900 { + min-height: 900px; } } + +@media (min-width: 992px) { + .lg-w-900 { + width: 900px; } + .lg-max-w-900 { + max-width: 900px; } + .lg-min-w-900 { + min-width: 900px; } + .lg-h-900 { + height: 900px; } + .lg-max-h-900 { + max-height: 900px; } + .lg-min-h-900 { + min-height: 900px; } } + +.w-1000 { + width: 1000px; } + +.max-w-1000 { + max-width: 1000px; } + +.min-w-1000 { + min-width: 1000px; } + +.h-1000 { + height: 1000px; } + +.max-h-1000 { + max-height: 1000px; } + +.min-h-1000 { + min-height: 1000px; } + +@media (max-width: 600px) { + .sm-w-1000 { + width: 1000px; } + .sm-max-w-1000 { + max-width: 1000px; } + .sm-min-w-1000 { + min-width: 1000px; } + .sm-h-1000 { + height: 1000px; } + .sm-max-h-1000 { + max-height: 1000px; } + .sm-min-h-1000 { + min-height: 1000px; } } + +@media (min-width: 600px) and (max-width: 992px) { + .md-w-1000 { + width: 1000px; } + .md-max-w-1000 { + max-width: 1000px; } + .md-min-w-1000 { + min-width: 1000px; } + .md-h-1000 { + height: 1000px; } + .md-max-h-1000 { + max-height: 1000px; } + .md-min-h-1000 { + min-height: 1000px; } } + +@media (min-width: 992px) { + .lg-w-1000 { + width: 1000px; } + .lg-max-w-1000 { + max-width: 1000px; } + .lg-min-w-1000 { + min-width: 1000px; } + .lg-h-1000 { + height: 1000px; } + .lg-max-h-1000 { + max-height: 1000px; } + .lg-min-h-1000 { + min-height: 1000px; } } + +.w-1024 { + width: 1024px; } + +.max-w-1024 { + max-width: 1024px; } + +.min-w-1024 { + min-width: 1024px; } + +.h-1024 { + height: 1024px; } + +.max-h-1024 { + max-height: 1024px; } + +.min-h-1024 { + min-height: 1024px; } + +@media (max-width: 600px) { + .sm-w-1024 { + width: 1024px; } + .sm-max-w-1024 { + max-width: 1024px; } + .sm-min-w-1024 { + min-width: 1024px; } + .sm-h-1024 { + height: 1024px; } + .sm-max-h-1024 { + max-height: 1024px; } + .sm-min-h-1024 { + min-height: 1024px; } } + +@media (min-width: 600px) and (max-width: 992px) { + .md-w-1024 { + width: 1024px; } + .md-max-w-1024 { + max-width: 1024px; } + .md-min-w-1024 { + min-width: 1024px; } + .md-h-1024 { + height: 1024px; } + .md-max-h-1024 { + max-height: 1024px; } + .md-min-h-1024 { + min-height: 1024px; } } + +@media (min-width: 992px) { + .lg-w-1024 { + width: 1024px; } + .lg-max-w-1024 { + max-width: 1024px; } + .lg-min-w-1024 { + min-width: 1024px; } + .lg-h-1024 { + height: 1024px; } + .lg-max-h-1024 { + max-height: 1024px; } + .lg-min-h-1024 { + min-height: 1024px; } } + +.w-full { + width: 100% !important; } + +.h-full { + height: 100% !important; } + +/* POSITIONING */ +.ta-r { + text-align: end; } + +.ta-l { + text-align: start; } + +.ta-c { + text-align: center; } + +.ta-j { + text-align: justify; } + +.uppercase { + text-transform: uppercase; } + +/* SPACINGS */ +.m-auto { + margin: auto; } + +.m-0 { + margin: 0px !important; } + +.p-0 { + padding: 0px !important; } + +.m-t-0 { + margin-top: 0px !important; } + +.p-t-0 { + padding-top: 0px !important; } + +.m-b-0 { + margin-bottom: 0px !important; } + +.p-b-0 { + padding-bottom: 0px !important; } + +.m-l-0 { + margin-left: 0px !important; } + +.p-l-0 { + padding-left: 0px !important; } + +.m-r-0 { + margin-right: 0px !important; } + +.p-r-0 { + padding-right: 0px !important; } + +.m-5 { + margin: 5px !important; } + +.p-5 { + padding: 5px !important; } + +.m-t-5 { + margin-top: 5px !important; } + +.p-t-5 { + padding-top: 5px !important; } + +.m-b-5 { + margin-bottom: 5px !important; } + +.p-b-5 { + padding-bottom: 5px !important; } + +.m-l-5 { + margin-left: 5px !important; } + +.p-l-5 { + padding-left: 5px !important; } + +.m-r-5 { + margin-right: 5px !important; } + +.p-r-5 { + padding-right: 5px !important; } + +.m-10 { + margin: 10px !important; } + +.p-10 { + padding: 10px !important; } + +.m-t-10 { + margin-top: 10px !important; } + +.p-t-10 { + padding-top: 10px !important; } + +.m-b-10 { + margin-bottom: 10px !important; } + +.p-b-10 { + padding-bottom: 10px !important; } + +.m-l-10 { + margin-left: 10px !important; } + +.p-l-10 { + padding-left: 10px !important; } + +.m-r-10 { + margin-right: 10px !important; } + +.p-r-10 { + padding-right: 10px !important; } + +.m-15 { + margin: 15px !important; } + +.p-15 { + padding: 15px !important; } + +.m-t-15 { + margin-top: 15px !important; } + +.p-t-15 { + padding-top: 15px !important; } + +.m-b-15 { + margin-bottom: 15px !important; } + +.p-b-15 { + padding-bottom: 15px !important; } + +.m-l-15 { + margin-left: 15px !important; } + +.p-l-15 { + padding-left: 15px !important; } + +.m-r-15 { + margin-right: 15px !important; } + +.p-r-15 { + padding-right: 15px !important; } + +.m-20 { + margin: 20px !important; } + +.p-20 { + padding: 20px !important; } + +.m-t-20 { + margin-top: 20px !important; } + +.p-t-20 { + padding-top: 20px !important; } + +.m-b-20 { + margin-bottom: 20px !important; } + +.p-b-20 { + padding-bottom: 20px !important; } + +.m-l-20 { + margin-left: 20px !important; } + +.p-l-20 { + padding-left: 20px !important; } + +.m-r-20 { + margin-right: 20px !important; } + +.p-r-20 { + padding-right: 20px !important; } + +.m-25 { + margin: 25px !important; } + +.p-25 { + padding: 25px !important; } + +.m-t-25 { + margin-top: 25px !important; } + +.p-t-25 { + padding-top: 25px !important; } + +.m-b-25 { + margin-bottom: 25px !important; } + +.p-b-25 { + padding-bottom: 25px !important; } + +.m-l-25 { + margin-left: 25px !important; } + +.p-l-25 { + padding-left: 25px !important; } + +.m-r-25 { + margin-right: 25px !important; } + +.p-r-25 { + padding-right: 25px !important; } + +.m-30 { + margin: 30px !important; } + +.p-30 { + padding: 30px !important; } + +.m-t-30 { + margin-top: 30px !important; } + +.p-t-30 { + padding-top: 30px !important; } + +.m-b-30 { + margin-bottom: 30px !important; } + +.p-b-30 { + padding-bottom: 30px !important; } + +.m-l-30 { + margin-left: 30px !important; } + +.p-l-30 { + padding-left: 30px !important; } + +.m-r-30 { + margin-right: 30px !important; } + +.p-r-30 { + padding-right: 30px !important; } + +.m-35 { + margin: 35px !important; } + +.p-35 { + padding: 35px !important; } + +.m-t-35 { + margin-top: 35px !important; } + +.p-t-35 { + padding-top: 35px !important; } + +.m-b-35 { + margin-bottom: 35px !important; } + +.p-b-35 { + padding-bottom: 35px !important; } + +.m-l-35 { + margin-left: 35px !important; } + +.p-l-35 { + padding-left: 35px !important; } + +.m-r-35 { + margin-right: 35px !important; } + +.p-r-35 { + padding-right: 35px !important; } + +.m-40 { + margin: 40px !important; } + +.p-40 { + padding: 40px !important; } + +.m-t-40 { + margin-top: 40px !important; } + +.p-t-40 { + padding-top: 40px !important; } + +.m-b-40 { + margin-bottom: 40px !important; } + +.p-b-40 { + padding-bottom: 40px !important; } + +.m-l-40 { + margin-left: 40px !important; } + +.p-l-40 { + padding-left: 40px !important; } + +.m-r-40 { + margin-right: 40px !important; } + +.p-r-40 { + padding-right: 40px !important; } + +.m-45 { + margin: 45px !important; } + +.p-45 { + padding: 45px !important; } + +.m-t-45 { + margin-top: 45px !important; } + +.p-t-45 { + padding-top: 45px !important; } + +.m-b-45 { + margin-bottom: 45px !important; } + +.p-b-45 { + padding-bottom: 45px !important; } + +.m-l-45 { + margin-left: 45px !important; } + +.p-l-45 { + padding-left: 45px !important; } + +.m-r-45 { + margin-right: 45px !important; } + +.p-r-45 { + padding-right: 45px !important; } + +.m-50 { + margin: 50px !important; } + +.p-50 { + padding: 50px !important; } + +.m-t-50 { + margin-top: 50px !important; } + +.p-t-50 { + padding-top: 50px !important; } + +.m-b-50 { + margin-bottom: 50px !important; } + +.p-b-50 { + padding-bottom: 50px !important; } + +.m-l-50 { + margin-left: 50px !important; } + +.p-l-50 { + padding-left: 50px !important; } + +.m-r-50 { + margin-right: 50px !important; } + +.p-r-50 { + padding-right: 50px !important; } + +.m-75 { + margin: 75px !important; } + +.p-75 { + padding: 75px !important; } + +.m-t-75 { + margin-top: 75px !important; } + +.p-t-75 { + padding-top: 75px !important; } + +.m-b-75 { + margin-bottom: 75px !important; } + +.p-b-75 { + padding-bottom: 75px !important; } + +.m-l-75 { + margin-left: 75px !important; } + +.p-l-75 { + padding-left: 75px !important; } + +.m-r-75 { + margin-right: 75px !important; } + +.p-r-75 { + padding-right: 75px !important; } + +.m-100 { + margin: 100px !important; } + +.p-100 { + padding: 100px !important; } + +.m-t-100 { + margin-top: 100px !important; } + +.p-t-100 { + padding-top: 100px !important; } + +.m-b-100 { + margin-bottom: 100px !important; } + +.p-b-100 { + padding-bottom: 100px !important; } + +.m-l-100 { + margin-left: 100px !important; } + +.p-l-100 { + padding-left: 100px !important; } + +.m-r-100 { + margin-right: 100px !important; } + +.p-r-100 { + padding-right: 100px !important; } + +.m-125 { + margin: 125px !important; } + +.p-125 { + padding: 125px !important; } + +.m-t-125 { + margin-top: 125px !important; } + +.p-t-125 { + padding-top: 125px !important; } + +.m-b-125 { + margin-bottom: 125px !important; } + +.p-b-125 { + padding-bottom: 125px !important; } + +.m-l-125 { + margin-left: 125px !important; } + +.p-l-125 { + padding-left: 125px !important; } + +.m-r-125 { + margin-right: 125px !important; } + +.p-r-125 { + padding-right: 125px !important; } + +.m-200 { + margin: 200px !important; } + +.p-200 { + padding: 200px !important; } + +.m-t-200 { + margin-top: 200px !important; } + +.p-t-200 { + padding-top: 200px !important; } + +.m-b-200 { + margin-bottom: 200px !important; } + +.p-b-200 { + padding-bottom: 200px !important; } + +.m-l-200 { + margin-left: 200px !important; } + +.p-l-200 { + padding-left: 200px !important; } + +.m-r-200 { + margin-right: 200px !important; } + +.p-r-200 { + padding-right: 200px !important; } + +.m-300 { + margin: 300px !important; } + +.p-300 { + padding: 300px !important; } + +.m-t-300 { + margin-top: 300px !important; } + +.p-t-300 { + padding-top: 300px !important; } + +.m-b-300 { + margin-bottom: 300px !important; } + +.p-b-300 { + padding-bottom: 300px !important; } + +.m-l-300 { + margin-left: 300px !important; } + +.p-l-300 { + padding-left: 300px !important; } + +.m-r-300 { + margin-right: 300px !important; } + +.p-r-300 { + padding-right: 300px !important; } + +/* TEXT SIZE */ +.small { + font-size: 0.8em; } + +.big { + font-size: 1.2em; } + +nav#navbar { + z-index: 100; + display: flex; + justify-content: flex-between; + align-items: center; + position: fixed; + /* Set the navbar to fixed position */ + top: 0; + /* Position the navbar at the top of the page */ + width: 100%; + /* Menus */ } + nav#navbar ul { + justify-content: flex-evenly; + display: flex; } + nav#navbar ul li { + flex: 1; + display: inline; + text-align: center; + list-style: none; } + nav#navbar ul li a { + color: inherit; + text-decoration: none; } + nav#navbar ul li a img { + height: 1.5em; } + nav#navbar ul li a:hover { + font-weight: bold; } + nav#navbar ul li a:hover img { + height: 1.7em; } + +.flex-row { + display: flex; } + +.flex-1 { + flex: 1; } + +.wrap { + flex-wrap: wrap; } + +.j-center { + justify-content: center; } + +.ai-center { + align-items: center; } + +.direction-row-reverse { + flex-direction: row-reverse; } + +@media (max-width: 600px) { + .sm-flex-row { + display: flex; } + .sm-flex-1 { + flex: 1; } + .sm-wrap { + flex-wrap: wrap; } + .sm-j-center { + justify-content: center; } + .sm-ai-center { + align-items: center; } + .sm-direction-row-reverse { + flex-direction: row-reverse; } } + +@media (min-width: 600px) and (max-width: 992px) { + .md-flex-row { + display: flex; } + .md-flex-1 { + flex: 1; } + .md-wrap { + flex-wrap: wrap; } + .md-j-center { + justify-content: center; } + .md-ai-center { + align-items: center; } + .md-direction-row-reverse { + flex-direction: row-reverse; } } + +@media (min-width: 992px) { + .lg-flex-row { + display: flex; } + .lg-flex-1 { + flex: 1; } + .lg-wrap { + flex-wrap: wrap; } + .lg-j-center { + justify-content: center; } + .lg-ai-center { + align-items: center; } + .lg-direction-row-reverse { + flex-direction: row-reverse; } } + +.bg-bubble { + mask-image: url('data:image/svg+xml;charset=utf-8,'); + -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,'); } + +.icon-bubble { + display: flex; + text-align: center; } + .icon-bubble img { + justify-content: center; + align-items: center; + margin: auto; + width: 65%; } + +nav#navbar { + height: 52px; } + nav#navbar .left { + flex: 0; + text-align: left; + background-color: #ffffff; } + nav#navbar .left img { + margin: 1em; + height: 1.3em; } + nav#navbar .center { + flex: 1; + color: #243887; + font-size: 1em; + background-color: #ffffff; } + nav#navbar .right { + font-family: Manometer; + color: #ffffff; } + nav#navbar #menutoggle { + display: none; } + @media (max-width: 600px) { + nav#navbar #menutoggle { + display: block; } + nav#navbar .center { + display: none; } } + @media (max-width: 992px) { + nav#navbar .right { + display: none; } } +nav#sidebar { + position: fixed; + top: 0; + left: -300px; + width: 300px; + height: 100%; + z-index: 200; + box-shadow: 0 6px 12px rgba(107, 82, 82, 0.3); + background-color: #ffffff; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + transition: ease 0.2s all; } + +nav#TableOfContents a { + color: #ffffff; + font-size: 0.8em; } + +@media (max-width: 600px) { + nav#navbar { + background-color: #ffffff; } } + +#body-overlay { + width: 100vw; + height: 100vh; + display: none; + position: fixed; + z-index: 150; + top: 0; + overflow: hidden; + background: rgba(0, 0, 0, 0.5); } + +body.menu-open #body-overlay { + display: block; } + +body.menu-open nav#sidebar { + left: 0; } + +.content h1 { + padding-top: 50px; + text-align: center; + color: #243887; } + +.content h2 { + text-align: justify; + color: #6cc11f; } + +.content p { + text-align: justify; } + +.content img { + max-width: 100%; } + +.center-childs h1, .center-childs h2, .center-childs h3, .center-childs h4, .center-childs h5, .center-childs p { + text-align: center; } + +.scroll .right { + background-color: #243887; } + +#footer #realFooter { + border-top: 1px solid #243887; } + +#footer ul li { + list-style: none; } + +@media (max-width: 992px) { + .featuredimage { + display: none; } } diff --git a/resources/_gen/assets/sass/main.scss_7bbaf99eabb468e10b793066c2709a48.json b/resources/_gen/assets/sass/main.scss_7bbaf99eabb468e10b793066c2709a48.json new file mode 100644 index 00000000..c415fb0c --- /dev/null +++ b/resources/_gen/assets/sass/main.scss_7bbaf99eabb468e10b793066c2709a48.json @@ -0,0 +1 @@ +{"Target":"/sass/main.css","MediaType":"text/css","Data":{}} \ No newline at end of file