/* * 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

Whitepaper / Core

Discussion about the official Whitepaper. Current draft. Create threads to recommend other papers, techniques, features. Discussion about the core package (networking, peer list management, etc.).

Discussion	Started By	Replies	Views	Most Recent
Current Draft 0.9.2 from 11.12.2021 Announcement	PeerZero February 2021	0	340	PeerZero February 2021
Elliptic-curve cryptography and support in Golang	wesl_ee February 2021	2	836	anyla11 July 2023
Block size	PeerZero May 2021	0	559	PeerZero May 2021
UDP hole punching	PeerZero February 2021	4	167	PeerZero May 2021
UPnP Support	PeerZero May 2021	1	505	PeerZero May 2021
NAT-PMP protocol support	PeerZero May 2021	1	83	PeerZero May 2021
Other protocol: Client/server switching	PeerZero May 2021	0	59	PeerZero May 2021
Adding nonce to protocol? Closed	PeerZero April 2021	1	70	PeerZero May 2021
S/Kademlia Considerations (security enhancements to vanilla Kademlia)	wesl_ee February 2021	4	585	PeerZero April 2021
Root Peers	PeerZero March 2021	1	537	PeerZero April 2021
Open Source License Closed	PeerZero February 2021	5	523	PeerZero April 2021
Thresholds for disconnect detection and removal from connection list	PeerZero February 2021	0	246	PeerZero February 2021
Hash function Closed	PeerZero February 2021	2	759	PeerZero February 2021
Listen on 0.0.0.0 and :: vs individual IPs	PeerZero February 2021	0	58	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 */