|
|
|
|
@ -6,16 +6,17 @@
|
|
|
|
|
|
|
|
|
|
@font-face {
|
|
|
|
|
font-family: sourcecodevf;
|
|
|
|
|
src: url(css/SourceCodeVF-Upright.otf);
|
|
|
|
|
src: url(SourceCodeVF-Upright.otf);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* General Body Styling */
|
|
|
|
|
body {
|
|
|
|
|
font-family: 'Arial', sans-serif;
|
|
|
|
|
font-family: sourcecodevf, 'Arial', sans-serif;
|
|
|
|
|
margin: 0 auto;
|
|
|
|
|
max-width: 1581px;
|
|
|
|
|
padding: 0;
|
|
|
|
|
background-color: var(--secondary-bg-color);
|
|
|
|
|
color: var(--main-text-color);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* Container */
|
|
|
|
|
@ -28,7 +29,6 @@ body {
|
|
|
|
|
/* Header */
|
|
|
|
|
.header {
|
|
|
|
|
background: var(--main-bg-color);
|
|
|
|
|
color: var(--main-text-color);
|
|
|
|
|
padding-top: 30px;
|
|
|
|
|
min-height: 70px;
|
|
|
|
|
border-bottom: var(--secondary-bg-color) 3px solid;
|
|
|
|
|
@ -94,9 +94,7 @@ body {
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 34%;
|
|
|
|
|
left: 36%;
|
|
|
|
|
font-family: sourcecodevf;
|
|
|
|
|
font-size: 54px; /* Responsive font size */
|
|
|
|
|
color: white;
|
|
|
|
|
text-align: center;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@ -106,16 +104,14 @@ body {
|
|
|
|
|
|
|
|
|
|
.banner-content-bottom {
|
|
|
|
|
position: absolute;
|
|
|
|
|
bottom: 10px;
|
|
|
|
|
right: 10px;
|
|
|
|
|
font-size: 1.3vw; /* Responsive font size */
|
|
|
|
|
color: white;
|
|
|
|
|
bottom: 7%;
|
|
|
|
|
right: 11%;
|
|
|
|
|
font-size: 20px; /* Responsive font size */
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.banner-content-bottom a {
|
|
|
|
|
color: var(--main-text-color);
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
font-family: sourcecodevf;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.banner-content-bottom a:hover {
|
|
|
|
|
@ -132,10 +128,10 @@ body {
|
|
|
|
|
/* Footer */
|
|
|
|
|
.footer {
|
|
|
|
|
background: var(--main-bg-color);
|
|
|
|
|
color: var(--main-text-color);
|
|
|
|
|
text-align: center;
|
|
|
|
|
padding: 30px 0;
|
|
|
|
|
overflow: hidden; /* Clear the float */
|
|
|
|
|
margin-top: -1px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.footer-left {
|
|
|
|
|
@ -167,18 +163,21 @@ body {
|
|
|
|
|
/* Media Queries */
|
|
|
|
|
@media (max-width: 1581px) {
|
|
|
|
|
.banner-content-middle {
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 35%;
|
|
|
|
|
left: 35%;
|
|
|
|
|
font-family: sourcecodevf;
|
|
|
|
|
font-size: 4.0vw; /* Responsive font size */
|
|
|
|
|
color: white;
|
|
|
|
|
text-align: center;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.banner-content-middle .company-name {
|
|
|
|
|
font-size: 5.0vw; /* Responsive font size */
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.banner-content-bottom {
|
|
|
|
|
position: absolute;
|
|
|
|
|
bottom: 8%;
|
|
|
|
|
right: 4%;
|
|
|
|
|
font-size: 1.4vw; /* Responsive font size */
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@media (max-width: 768px) {
|
|
|
|
|
@ -212,9 +211,7 @@ body {
|
|
|
|
|
position: relative;
|
|
|
|
|
padding-top: 10px;
|
|
|
|
|
left: 0%;
|
|
|
|
|
font-family: sourcecodevf;
|
|
|
|
|
font-size: 4.0vw; /* Responsive font size */
|
|
|
|
|
color: white;
|
|
|
|
|
text-align: center;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@ -222,6 +219,17 @@ body {
|
|
|
|
|
font-size: 5.0vw; /* Responsive font size */
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.banner-content-bottom {
|
|
|
|
|
position: relative;
|
|
|
|
|
left: 0%;
|
|
|
|
|
padding-top: 10px;
|
|
|
|
|
font-size: 2.5vw; /* Responsive font size */
|
|
|
|
|
text-align: center;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.banner-content-bottom .company-name {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.footer-left, .footer-right {
|
|
|
|
|
float: none;
|
|
|
|
|
|
