Untitled
unknown
plain_text
2 years ago
5.3 kB
5
Indexable
* { font-size: 20px; } body { height: 100%; margin: 0; padding: 0; text-align: justify; } .linklorem { color: #6B8474 } .firsection { position: relative; } .image-container { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; /* set height based on aspect ratio of image */ background-image: url("https://images.squarespace-cdn.com/content/v1/5624df10e4b0b8034f81a1cc/1526376994406-TEPZU2PSWTLC77ARRI5S/image-asset.jpeg?format=750w"); background-size: cover; background-position: center; } .title { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; font-size: 3em; color: white; text-transform: uppercase; } .brandname { float: left; font-family: sans-serif; font-style: italic; } .navbarlinkman { float: right; color: #6B8474; margin-right:10%; text-transform: uppercase; } .navbarlinkwoman { float: right; color: #6B8474; text-transform: uppercase; } .navbarlink { display: flex; justify-content: flex-end; } .navbartable { padding: 1em; background-color: white; width: 100%; } .middle { background-color: white; } .central { padding: 2%; } .half { padding: 2%; } .image-equal { width: 100%; object-fit: cover; height: 100%; } .div-image-equal-2 { width: 45vmin; height: 30vmin; } .line { background-color: #6B8474; height: 1em; } .fa { padding: 10px; font-size: 25px; width: 1em; text-align: center; text-decoration: none; border-radius: 50%; background: #C0C0C0; color: white; margin: 1em 3px; } .footertable { background-color: white; } .centralbutton { width: 100%; height: 2.5em; background-color: #C8CDA4; border: none; font-weight: bold; color: white; text-transform: uppercase; } .secondsectioncontainer { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 7%; position: relative; } .logo { } .firstbutton { height: 2.5em; background-color: #A9C9BF; border: none; font-weight: bold; color: white; text-transform: uppercase; margin:auto; display:block; } .centralbutton { width: 100%; height: 2.5em; background-color: #C8CDA4; border: none; font-weight: bold; color: white; text-transform: uppercase; } .footercontainer { display: flex; text-align: center; margin: 0 5%; } .separation { height: 1px; margin: 0 5%; background-color: #6B8474; } .secondline { width: 100%; } .footerparagraph { color: #C0C0C0; font-size: 0.5rem; } .desktop-only { display: none; } .titlehelp{ font-size:0.8rem; } .texthelp{ font-size:0.8rem; } .logo{ width: 90%; } @media only screen and (min-width: 600px) { .div-image-equal { width: 30vmin; height: 20vmin; } .firstbutton { width: 35%; } } @media only screen and (max-width: 600px) { .div-image-equal { width: 100%; } .firstbutton { width: 100%; } .central { display: block; width: 100%; text-align: center; } .navbarlink-tdfooter { display: block; text-align: center; margin-top: 5%; } .navbar { display: flex; justify-content: center; } .navbarlink-td { display: none; } .navbarlinkmanfooter { color: #9AA99F; text-transform: uppercase; } .navbarlinkwomanfooter { color: #9AA99F; text-transform: uppercase; } }
Editor is loading...