/* Footer */ /* Footer-arrows */ .back-to-top-nav { position: absolute; left: 50%; margin-left: -23px; margin-top: -50px; color: #fff; z-index: 1; cursor: pointer; padding: 10px } .back-to-top-arrow-1::after, .back-to-top-arrow-2:before { content: "\e02c" } .back-to-top-arrow-1, .back-to-top-arrow-2 { transform: rotate(90deg) } .back-to-top-arrow-2 { top: 20px; position: absolute; left: 10px } .back-to-top-arrow-1::after, .back-to-top-arrow-2:before { font-family: ui-font; -webkit-font-smoothing: antialiased; font-size: 24px } .back-to-top-arrow { position: absolute; left:50%; margin-left:-94px; margin-top:-50px } /* Footer-links */ div.pre-footer-inner { background-color: #4f4f4f; padding: 20px } div.pre-footer-div { padding: 17px 0 17px 0; justify-content: center; display: flex } .pre-footer-div a svg { border: 2px solid white; border-color: #fff; margin: 0 10px 0 10px; border-radius: 50%; background-color: transparent } .pre-footer-div a, .pre-footer-div a svg, .pre-footer-div a svg use { transition: all 170ms ease-in-out } .dg-use--background, .dg-use--mask { fill: transparent } .dg-use--icon { fill: white } .pre-footer-div a:hover svg { background-color: white } .pre-footer-div a.retr-blade:hover svg { background-color: black } .pre-footer-div a:hover svg use.dg-use--icon { fill: black } /* Bottom-Footer */ div.footer { width: auto; margin: auto; background-color: #404040; padding: 20px; color: rgba(255, 255, 255, 0.4) } div.footer p em { font-style: italic } div.footer p { text-align: center }