Replaced placeholder privacy content with a comprehensive privacy policy, including sections on data collection, usage, third-party involvement, and user rights. Added necessary styles for the privacy policy layout. Also actually fixed the social icons in the footer
70 lines
1.0 KiB
SCSS
70 lines
1.0 KiB
SCSS
footer {
|
|
background-color: var(--footer-color);
|
|
transition: 0.5s ease;
|
|
}
|
|
|
|
footer h2 {
|
|
margin-bottom: 10px;
|
|
font-size: 1.3em;
|
|
color: var(--white);
|
|
}
|
|
|
|
footer ul, footer p {
|
|
list-style: none;
|
|
font-size: 0.9em;
|
|
color: rgba(168, 168, 168);
|
|
font-family: 'opensans', sans-serif;
|
|
}
|
|
|
|
.footer {
|
|
padding: 80px 0;
|
|
width: 80%;
|
|
max-width: 1020px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.footerInner {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.footerText {
|
|
flex-basis: 45%;
|
|
margin-right: 60px;
|
|
}
|
|
|
|
.followUs {
|
|
padding-top: 15px;
|
|
}
|
|
|
|
.followUs img {
|
|
margin-right: 5px;
|
|
float: left;
|
|
filter: grayscale(100%);
|
|
-webkit-filter: grayscale(100%);
|
|
transition: all 0.2s;
|
|
-webkit-transition: all 0.2s;
|
|
}
|
|
|
|
.followUs img:hover {
|
|
margin-bottom: 5px;
|
|
filter: grayscale(0%);
|
|
-webkit-filter: grayscale(0%);
|
|
transform: scale(1.1);
|
|
-webkit-transform: scale(1.1);
|
|
}
|
|
|
|
.footerNav {
|
|
flex-grow: 1;
|
|
border-left: 1px solid rgba(19, 19, 19);
|
|
padding-left: 10px;
|
|
}
|
|
|
|
.footerNav li {
|
|
padding-bottom: 5px;
|
|
}
|
|
|
|
.copyright {
|
|
margin-top: 50px;
|
|
}
|