.app{display:flex;margin-bottom:4rem}.app .container{width:60rem;text-align:center;margin:0 auto}.app .container .intro{padding-top:5rem;margin:0 auto;display:flex;justify-content:center}.app .container .intro .container{margin:0 auto;text-align:center;color:var(--color-white)}.app .container .intro .container p{color:var(--color-white);font-size:1.6rem;margin-top:2rem}.app .container .intro .container img{width:20rem;margin-top:5rem}.app .container .intro .container h1{font-size:3rem;font-weight:600}.app .container .intro .container .intro__text{margin-top:2rem}@media only screen and (max-width: 37.5em){.app .container .intro .container .intro__text{font-size:40%}}.app .container .intro .container .intro__text p{font-size:1.7rem;font-weight:500}.app .container .referal{display:flex;justify-content:center;margin-top:5rem}.app .container .referal .container{display:flex;justify-content:center;gap:2rem;width:max-content;margin:0 auto}.app .container .referal .container input{border:none;outline:none;padding:1rem;background-color:var(--color-primary);border:2px solid var(--color-white);border-radius:1rem;color:var(--color-white);width:40rem}.app .container .referal .container input::placeholder{color:var(--color-white)}.app .container .referal .container button{border:none;font-size:1.6rem;padding:1rem 2rem;border-radius:1.2rem;cursor:pointer}.nav .container{display:flex;justify-content:end;padding:1rem 2rem}.nav .container .nav__btn{background-color:var(--color-btn);outline:none;border:2px solid var(--color-white);font-size:1.5rem;border-radius:2rem;padding:1rem 2rem;color:var(--color-white);cursor:pointer}.connected-address{margin-top:10px}:root{--color-primary: #240e09;--color-primary-dark: #135761;--color-white: #fff;--color-text: #b0b0b0;--color-btn: #d36a24;--shadow-dark: 0 2rem 6rem rgba(0, 0, 0, .3);--shadow-light: 0 2rem 5rem rgba(0, 0, 0, .06);--line: 1px solid var(--color-grey-light-2)}*{margin:0;padding:0}* .link{text-decoration:none;color:inherit}*,*:before,*:after{box-sizing:inherit}html{box-sizing:border-box;font-size:62.5%}@media only screen and (max-width: 68.75em){html{font-size:50%}}body{font-family:Poppins,sans-serif;font-weight:400;line-height:1.6;background:var(--color-primary)}.btn{background-color:var(--color-btn);outline:none;border:2px solid var(--color-white);font-size:1.5rem;border-radius:2rem;padding:1rem 2rem;color:var(--color-white);width:50rem;cursor:pointer}