420 Friendly has been located...

<html> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"> <style> body { background-image: url("https://420friendly.com/g/bg-map-mobile.gif"); background-color: #ffffff; background-position: center center; background-attachment: fixed; background-size: cover; font-family: 'Architects Daughter', cursive; } #main { top:56%; left: 50%; position: absolute; text-align: center; } #logo {width:100%;} h1 {margin-bottom:10px;} a {color:#2e9265;} .title { font-family: 'Montserrat'; font-weight:bold; } .bounce-in-top{-webkit-animation:bounce-in-top 1.1s both;animation:bounce-in-top 1.1s both} .desc { padding:20px; border:0; border-radius:50px; background-color:white; line-height:1.5em; font-size: 2.9em; opacity:.75; display:none;} .social-icons { float:left; width:20%; text-align:center; } @media (max-width: 389px) { #main { width:340px; margin-top:-165px;margin-left:-170px; } .desc { line-height:1.5em; font-size:1.5em; } } @media (min-width: 390px) and (max-width:605px) { #main { width:400px; margin-top:-180px;margin-left:-200px; } .desc { line-height:1.5em; font-size:1.5em; } } @media (min-width: 606px) { body { background-image: url("https://420friendly.com/g/bg-map-2k.png"); } #main { width:606px; margin-top:-302px;margin-left:-303px; } } @-webkit-keyframes bounce-in-top{0%{-webkit-transform:translateY(-500px);transform:translateY(-500px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}38%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1}55%{-webkit-transform:translateY(-65px);transform:translateY(-65px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}72%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}81%{-webkit-transform:translateY(-28px);transform:translateY(-28px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}90%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}95%{-webkit-transform:translateY(-8px);transform:translateY(-8px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}} @keyframes bounce-in-top{0%{-webkit-transform:translateY(-500px);transform:translateY(-500px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}38%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1}55%{-webkit-transform:translateY(-65px);transform:translateY(-65px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}72%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}81%{-webkit-transform:translateY(-28px);transform:translateY(-28px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}90%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}95%{-webkit-transform:translateY(-8px);transform:translateY(-8px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}} </style> <head> <title>420 Friendly has been located...</title>  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-171542899-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-171542899-1'); </script> <link href="https://fonts.googleapis.com/css2?family=Architects+Daughter&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Montserrat&display=swap" rel="stylesheet"> <link rel="apple-touch-icon" sizes="180x180" href="g/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="g/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="g/favicon-16x16.png"> <link rel="manifest" href="/site.webmanifest"> <script src="https://kit.fontawesome.com/58fc2be184.js" crossorigin="anonymous"></script> </head> <body> <div id=main> <img src="g/420-friendly-logo-min.png" class="bounce-in-top" id="logo"> <div class="desc"> <div id="socials"> <div id="facebook" class="social-icons"><a href="https://www.facebook.com/420friendlycom/" target="_blank"><i class="fa-brands fa-facebook"></i></a></div> <div id="twitter" class="social-icons"><a href="https://twitter.com/420friendly_com" target="_blank"><i class="fa-brands fa-twitter"></i></a></div> <div id="instagram" class="social-icons"><a href="https://www.instagram.com/420friendly_com/" target="_blank"><i class="fa-brands fa-instagram"></i></a></div> <div id="tiktok" class="social-icons"><a href="https://www.tiktok.com/@420friendly.com/" target="_blank"><i class="fa-brands fa-tiktok"></i></i></a></div> <div id="pinterest" class="social-icons"><a href="https://www.pinterest.com/420friendly_com/"><i class="fa-brands fa-pinterest"></i></i></a></div> </div> <br> </div> </div> </body> </html>

CINXE.COM

420 Friendly has been located...