/* * These styles apply ONLY to the header and footer assets. */ * { padding: 0; margin: 0; box-sizing: border-box; } a { text-decoration: none; } /* Header */ header{ font-family: 'Poppins peernet', sans-serif !important; } .navigation { left: 0%; top: 0%; right: 0%; bottom: auto; z-index: 5; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 12.8rem; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background-color: #fff; -webkit-transition: height 400ms ease, background-color 400ms ease; transition: height 400ms ease, background-color 400ms ease; color: #000; font-size: 1.2rem; line-height: 1.875; } .nav-container { position: relative; z-index: 999; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 100%; max-width: 80rem; padding-right: 3rem; padding-left: 1.5rem; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .nav__side-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; margin-right: -3rem; margin-left: -1rem; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .nav__logo-link { display: flex; align-items: center; } .nav__logo-embed { width: 8.8rem; height: 2.8rem; -webkit-transition: color 400ms ease; transition: color 400ms ease; } .btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0.3rem 2rem; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border: 1px solid #3ac4e2; border-radius: 0; background-color: #3ac4e2; box-shadow: 4px 0 31px 0 rgb(0 127 155 / 15%); -webkit-transition: border 300ms ease, color 300ms ease, background-color 300ms ease; transition: border 300ms ease, color 300ms ease, background-color 300ms ease; color: #fff; font-size: 1.3rem; text-align: center; } .btn.is--black-transparent.is--in-nav:hover { border-color: #3ac4e2; background-color: #fff; color: #3ac4e2; } .btn__icon { display: inline-block; width: 1.5rem; height: 1.5rem; margin-right: 1rem; margin-bottom: 0.2rem; margin-left: -1rem; } .btn.is--black-transparent { border-style: solid; border-width: 1px; border-color: #282828; background-color: #fff; color: #000; } .nav__burger-wrapper { display: none; } .nav__link-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; padding-right: 1rem; padding-left: 1rem; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .nav__link-text{ position: relative; } .nav__link-text::after { display: block; content: ""; height: 1px; bottom: -1px; width: 0%; left: 50%; background-color: #505050; position: absolute; -webkit-transition: width .3s ease-in-out; -moz--transition: width .3s ease-in-out; transition: width .3s ease-in-out; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); } .nav__link-text:hover::after{ width: 100%; } div.btn__text { display: inline-block; white-space: nowrap; font-family: 'Poppins', sans-serif; } /* Footer */ footer .container { width: 100%; max-width: 80rem; margin-right: auto; margin-left: auto; padding-right: 3.2rem; padding-left: 3.2rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .footer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .footer__up-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 6.2rem; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; border-top: 1px solid #000; border-bottom: 1px solid #000; } .footer__down-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 4.8rem; padding-top: 1.1rem; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .footer__up-logo-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .footer__up-links-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-right: -2rem; margin-left: -2rem; } .footer__up-link{ position: relative; } .footer__up-link::after { display: block; content: ""; height: 1px; bottom: 0px; width: 0%; left: 50%; background-color: #505050; position: absolute; -webkit-transition: width .3s ease-in-out; -moz--transition: width .3s ease-in-out; transition: width .3s ease-in-out; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); } .footer__up-link:hover::after{ width: 100%; } .footer__up-nothing { width: 9.4rem; } .w-input, .w-select, a { color: inherit; text-decoration: inherit; font-size: inherit; } .footer__up-logo-link { margin-top: 0.7rem; -webkit-transition: color 300ms ease; transition: color 300ms ease; } .footer__up-link-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; padding-right: 2rem; padding-left: 2rem; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 18px; color: #000000; } .footer__up-link { overflow: hidden; } .footer__down-links-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-right: -1.2rem; margin-left: -1.2rem; } .footer__socials { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 0.2rem; margin-right: -0.7rem; margin-left: -0.7rem; } .footer__down-link { overflow: hidden; margin-right: 1.2rem; margin-left: 1.2rem; } .footer__down-link-text, .footer__down-link-copy { font-size: 1rem; line-height: 1.643; color: #000000; position: relative; } .footer__down-link-text::after { display: block; content: ""; height: 1px; bottom: 0px; width: 0%; left: 50%; background-color: #505050; position: absolute; -webkit-transition: width .3s ease-in-out; -moz--transition: width .3s ease-in-out; transition: width .3s ease-in-out; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); } .footer__down-link-text:hover::after{ width: 100%; } .footer__social-link { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 2rem; height: 2.3rem; margin-right: 0.2rem; margin-left: 0.7rem; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-transition: color 300ms ease; transition: color 300ms ease; } .footer__social-link-embed svg{ fill: #000000; transition: all 300ms ease; } .footer__social-link-embed:hover svg{ fill: #8f8f8f; } .sr-only { position: absolute; overflow: hidden; width: 1px; height: 1px; margin: -1px; } .footer__up-logo-embed svg{ fill: #000000; } .footer__up-link-text{ white-space: nowrap; } .open-nav { position: fixed; left: 0%; top: -100%; right: 0%; bottom: auto; display: flex; padding-top: 10rem; padding-bottom: 7rem; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #1e1e1e; color: #676666; z-index: 0; transition: top 0.5s; } .open-nav__link.w--current { color: #FFFFFF !important; } #menuToggle { display: none; } .logoMob{ display: none; } @media screen and (max-width: 991px){ .nav__burger-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 8rem; height: 100%; padding-right: 3.2rem; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; cursor: pointer; } /* .navigation { height: 7.2rem !important; } */ .nav__link-wrapper { display: none; } .lottie-burger.is--black { position: relative; z-index: 1; -webkit-transform: translate(2rem, 0px); -ms-transform: translate(2rem, 0px); transform: translate(2rem, 0px); -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease; } .lottie-burger { width: 1.5rem; height: 1.5rem; } .footer__up-nothing{ display: none; } .open-nav__links-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .open-nav__link { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 1rem 3.2rem; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .open-nav__link-text { font-size: 1.8rem; } #menuToggle { display: flex; flex-direction: column; position: relative; top: 30px; left: 25px; z-index: 1; -webkit-user-select: none; user-select: none; } #menuToggle input { display: flex; width: 40px; height: 32px; position: absolute; cursor: pointer; opacity: 0; z-index: 2; } #menuToggle span { display: flex; width: 29px; height: 2px; margin-bottom: 5px; position: relative; background: #505050; border-radius: 3px; z-index: 1; transform-origin: 5px 0px; transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease; } #menuToggle span:first-child { transform-origin: 0% 0%; } #menuToggle span:nth-last-child(2) { transform-origin: 0% 100%; } #menuToggle input:checked ~ span { opacity: 1; transform: rotate(45deg) translate(-3px, -1px); background: #ffffff; } #menuToggle input:checked ~ span:nth-last-child(3) { opacity: 0; transform: rotate(0deg) scale(0.2, 0.2); } #menuToggle input:checked ~ span:nth-last-child(2) { transform: rotate(-45deg) translate(0, -1px); } #menuToggle input:checked ~ .open-nav{ top: 0%; transition: top 0.5s; } .logoMob{ display: block; position: absolute; left: 50px; top: 32px; } .logoMob svg{ fill: #FFFFFF; } } @media screen and (max-width: 767px){ .nav-container{ padding-right: 3rem; padding-left: 2rem; } .footer__up-wrapper { height: auto; padding-top: 2rem; padding-bottom: 2rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .footer__up-logo-wrapper { margin-bottom: 2rem; } .footer__up-links-wrapper { margin-right: 0rem; margin-left: 0rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .footer__up-link-wrapper { padding-right: 0rem; padding-left: 0rem; } .footer__up-link { padding-top: 0.6rem; padding-bottom: 0.6rem; } .footer__up-link-text { font-size: 1rem; } .footer__down-wrapper { height: auto; padding-top: 2rem; padding-bottom: 2.4rem; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .footer__down-links-wrapper { margin-top: 1.6rem; margin-right: 0rem; margin-left: 0rem; padding-right: 3.2rem; padding-left: 3.2rem; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .footer__up-logo-embed{ display: flex; justify-content: center; } } /*# sourceMappingURL=styles.css.map */

Download Peernet Alpha 6

Recent Discussions

Peernet is creating a new peer-to-peer network and browser in which individuals are in full control of their data.

Discussion	Started By	Replies	Views	Most Recent
What is Vilitra 60mg Tablet? in General	miclejack April 18	0	3	miclejack April 18
How long does Nitazoxanide Stay in your System? in General	bruceparker April 11	0	6	bruceparker April 11
What to avoid when taking Ivermectin? in General	bruceparker March 30	0	14	bruceparker March 30
Unveiling the Efficacy and Safety Profile of Iverheal 6mg Tablet in General	miclejack March 15	0	16	miclejack March 15
Elliptic-curve cryptography and support in Golang in Whitepaper / Core	wesl_ee February 2021	2	600	anyla11 July 2023
Found nothing in Alpha 7 in Browser	tdhung March 2022	0	89	tdhung March 2022
Profiling in Command-line Client	PeerZero January 2022	0	49	PeerZero January 2022
Connect Peernet Browser to remote Cmd in Command-line Client	PeerZero January 2022	0	51	PeerZero January 2022
Raspberry Pi in Command-line Client	PeerZero January 2022	0	98	PeerZero January 2022
Art Content in General	PeerOne January 2022	0	73	PeerOne January 2022
Setup: Pin to Taskbar in Browser	PeerZero January 2022	0	144	PeerZero January 2022
Crash problem in General	x0r0 December 2021	2	516	PeerZero December 2021
Planned availability on different operating systems in Browser	nstrument December 2021	1	84	PeerZero December 2021
Block size in Whitepaper / Core	PeerZero May 2021	0	533	PeerZero May 2021
UDP hole punching in Whitepaper / Core	PeerZero February 2021	4	142	PeerZero May 2021
UPnP Support in Whitepaper / Core	PeerZero May 2021	1	492	PeerZero May 2021
NAT-PMP protocol support in Whitepaper / Core	PeerZero May 2021	1	57	PeerZero May 2021
Other protocol: Client/server switching in Whitepaper / Core	PeerZero May 2021	0	43	PeerZero May 2021
Adding nonce to protocol? Closed in Whitepaper / Core	PeerZero April 2021	1	49	PeerZero May 2021
CentOS 8 how to run Peernet as service: Step-by-step in Command-line Client	PeernetUser1 April 2021	0	90	PeernetUser1 April 2021
S/Kademlia Considerations (security enhancements to vanilla Kademlia) in Whitepaper / Core	wesl_ee February 2021	4	544	PeerZero April 2021
Root Peers in Whitepaper / Core	PeerZero March 2021	1	517	PeerZero April 2021
Terms of Service when starting for first time in Browser	PeerZero April 2021	0	119	PeerZero April 2021
CentOS 8 how to compile: Step-by-step in Command-line Client	PeernetUser1 April 2021	0	178	PeernetUser1 April 2021
Download Executables in Command-line Client	PeerZero April 2021	0	71	PeerZero April 2021
Windows how to compile: Step-by-step in Command-line Client	PeerZero March 2021	1	91	PeerZero April 2021
API in Command-line Client	PeerZero April 2021	0	50	PeerZero April 2021
Open Source License Closed in Whitepaper / Core	PeerZero February 2021	5	511	PeerZero April 2021
Ubuntu how to compile: Step-by-step in Command-line Client	PeerZero March 2021	0	109	PeerZero March 2021
Thresholds for disconnect detection and removal from connection list in Whitepaper / Core	PeerZero February 2021	0	29	PeerZero February 2021

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

Sign In Register

Categories

/* * These styles apply ONLY to the header and footer assets. */ * { padding: 0; margin: 0; box-sizing: border-box; } a { text-decoration: none; } /* Header */ header{ font-family: 'Poppins peernet', sans-serif !important; } .navigation { left: 0%; top: 0%; right: 0%; bottom: auto; z-index: 5; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 12.8rem; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background-color: #fff; -webkit-transition: height 400ms ease, background-color 400ms ease; transition: height 400ms ease, background-color 400ms ease; color: #000; font-size: 1.2rem; line-height: 1.875; } .nav-container { position: relative; z-index: 999; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 100%; max-width: 80rem; padding-right: 3rem; padding-left: 1.5rem; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .nav__side-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; margin-right: -3rem; margin-left: -1rem; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .nav__logo-link { display: flex; align-items: center; } .nav__logo-embed { width: 8.8rem; height: 2.8rem; -webkit-transition: color 400ms ease; transition: color 400ms ease; } .btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0.3rem 2rem; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border: 1px solid #3ac4e2; border-radius: 0; background-color: #3ac4e2; box-shadow: 4px 0 31px 0 rgb(0 127 155 / 15%); -webkit-transition: border 300ms ease, color 300ms ease, background-color 300ms ease; transition: border 300ms ease, color 300ms ease, background-color 300ms ease; color: #fff; font-size: 1.3rem; text-align: center; } .btn.is--black-transparent.is--in-nav:hover { border-color: #3ac4e2; background-color: #fff; color: #3ac4e2; } .btn__icon { display: inline-block; width: 1.5rem; height: 1.5rem; margin-right: 1rem; margin-bottom: 0.2rem; margin-left: -1rem; } .btn.is--black-transparent { border-style: solid; border-width: 1px; border-color: #282828; background-color: #fff; color: #000; } .nav__burger-wrapper { display: none; } .nav__link-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; padding-right: 1rem; padding-left: 1rem; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .nav__link-text{ position: relative; } .nav__link-text::after { display: block; content: ""; height: 1px; bottom: -1px; width: 0%; left: 50%; background-color: #505050; position: absolute; -webkit-transition: width .3s ease-in-out; -moz--transition: width .3s ease-in-out; transition: width .3s ease-in-out; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); } .nav__link-text:hover::after{ width: 100%; } div.btn__text { display: inline-block; white-space: nowrap; font-family: 'Poppins', sans-serif; } /* Footer */ footer .container { width: 100%; max-width: 80rem; margin-right: auto; margin-left: auto; padding-right: 3.2rem; padding-left: 3.2rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .footer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .footer__up-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 6.2rem; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; border-top: 1px solid #000; border-bottom: 1px solid #000; } .footer__down-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 4.8rem; padding-top: 1.1rem; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .footer__up-logo-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .footer__up-links-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-right: -2rem; margin-left: -2rem; } .footer__up-link{ position: relative; } .footer__up-link::after { display: block; content: ""; height: 1px; bottom: 0px; width: 0%; left: 50%; background-color: #505050; position: absolute; -webkit-transition: width .3s ease-in-out; -moz--transition: width .3s ease-in-out; transition: width .3s ease-in-out; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); } .footer__up-link:hover::after{ width: 100%; } .footer__up-nothing { width: 9.4rem; } .w-input, .w-select, a { color: inherit; text-decoration: inherit; font-size: inherit; } .footer__up-logo-link { margin-top: 0.7rem; -webkit-transition: color 300ms ease; transition: color 300ms ease; } .footer__up-link-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; padding-right: 2rem; padding-left: 2rem; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 18px; color: #000000; } .footer__up-link { overflow: hidden; } .footer__down-links-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-right: -1.2rem; margin-left: -1.2rem; } .footer__socials { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 0.2rem; margin-right: -0.7rem; margin-left: -0.7rem; } .footer__down-link { overflow: hidden; margin-right: 1.2rem; margin-left: 1.2rem; } .footer__down-link-text, .footer__down-link-copy { font-size: 1rem; line-height: 1.643; color: #000000; position: relative; } .footer__down-link-text::after { display: block; content: ""; height: 1px; bottom: 0px; width: 0%; left: 50%; background-color: #505050; position: absolute; -webkit-transition: width .3s ease-in-out; -moz--transition: width .3s ease-in-out; transition: width .3s ease-in-out; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); } .footer__down-link-text:hover::after{ width: 100%; } .footer__social-link { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 2rem; height: 2.3rem; margin-right: 0.2rem; margin-left: 0.7rem; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-transition: color 300ms ease; transition: color 300ms ease; } .footer__social-link-embed svg{ fill: #000000; transition: all 300ms ease; } .footer__social-link-embed:hover svg{ fill: #8f8f8f; } .sr-only { position: absolute; overflow: hidden; width: 1px; height: 1px; margin: -1px; } .footer__up-logo-embed svg{ fill: #000000; } .footer__up-link-text{ white-space: nowrap; } .open-nav { position: fixed; left: 0%; top: -100%; right: 0%; bottom: auto; display: flex; padding-top: 10rem; padding-bottom: 7rem; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #1e1e1e; color: #676666; z-index: 0; transition: top 0.5s; } .open-nav__link.w--current { color: #FFFFFF !important; } #menuToggle { display: none; } .logoMob{ display: none; } @media screen and (max-width: 991px){ .nav__burger-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 8rem; height: 100%; padding-right: 3.2rem; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; cursor: pointer; } /* .navigation { height: 7.2rem !important; } */ .nav__link-wrapper { display: none; } .lottie-burger.is--black { position: relative; z-index: 1; -webkit-transform: translate(2rem, 0px); -ms-transform: translate(2rem, 0px); transform: translate(2rem, 0px); -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease; } .lottie-burger { width: 1.5rem; height: 1.5rem; } .footer__up-nothing{ display: none; } .open-nav__links-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .open-nav__link { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 1rem 3.2rem; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .open-nav__link-text { font-size: 1.8rem; } #menuToggle { display: flex; flex-direction: column; position: relative; top: 30px; left: 25px; z-index: 1; -webkit-user-select: none; user-select: none; } #menuToggle input { display: flex; width: 40px; height: 32px; position: absolute; cursor: pointer; opacity: 0; z-index: 2; } #menuToggle span { display: flex; width: 29px; height: 2px; margin-bottom: 5px; position: relative; background: #505050; border-radius: 3px; z-index: 1; transform-origin: 5px 0px; transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease; } #menuToggle span:first-child { transform-origin: 0% 0%; } #menuToggle span:nth-last-child(2) { transform-origin: 0% 100%; } #menuToggle input:checked ~ span { opacity: 1; transform: rotate(45deg) translate(-3px, -1px); background: #ffffff; } #menuToggle input:checked ~ span:nth-last-child(3) { opacity: 0; transform: rotate(0deg) scale(0.2, 0.2); } #menuToggle input:checked ~ span:nth-last-child(2) { transform: rotate(-45deg) translate(0, -1px); } #menuToggle input:checked ~ .open-nav{ top: 0%; transition: top 0.5s; } .logoMob{ display: block; position: absolute; left: 50px; top: 32px; } .logoMob svg{ fill: #FFFFFF; } } @media screen and (max-width: 767px){ .nav-container{ padding-right: 3rem; padding-left: 2rem; } .footer__up-wrapper { height: auto; padding-top: 2rem; padding-bottom: 2rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .footer__up-logo-wrapper { margin-bottom: 2rem; } .footer__up-links-wrapper { margin-right: 0rem; margin-left: 0rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .footer__up-link-wrapper { padding-right: 0rem; padding-left: 0rem; } .footer__up-link { padding-top: 0.6rem; padding-bottom: 0.6rem; } .footer__up-link-text { font-size: 1rem; } .footer__down-wrapper { height: auto; padding-top: 2rem; padding-bottom: 2.4rem; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .footer__down-links-wrapper { margin-top: 1.6rem; margin-right: 0rem; margin-left: 0rem; padding-right: 3.2rem; padding-left: 3.2rem; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .footer__up-logo-embed{ display: flex; justify-content: center; } } /*# sourceMappingURL=styles.css.map */