@font-face{font-family:frod;src:url(/font/FreudianOneDemo.ttf) format("truetype")}@font-face{font-family:rose;src:url(/font/ROSEFORDDEMO.otf) format("opentype")}*{margin:0;padding:0;box-sizing:border-box}body{width:100vw;height:100%;background-color:#00000082;overflow:scroll;overflow-x:hidden}.webgl{width:100%;height:100%;overflow:hidden;position:absolute;top:200px;left:0;z-index:-1}.page1{height:200vh;width:100%;color:#f8f7e5;color:#fff6da;position:relative;background-color:#c67b7cd0;z-index:0;padding:10% 5%;background:radial-gradient(circle at center,#0000 30%,#0009 70%,#000);background-size:100% 50%,100% 10%;background-repeat:no-repeat;background-position:center top,center center}.page1 p{z-index:1}.upper{text-align:center;text-transform:uppercase}.text-back h1{z-index:-5;position:relative;top:0;left:0;font-size:8vw;font-family:frod}.text-front{position:relative;top:20%;left:0;z-index:5;font-size:8vw;font-family:frod}.noise{height:200vh;width:100vw;position:absolute;top:0;left:0;z-index:0;object-fit:cover;background-image:url(/noise.png);background-color:#000}.beerinfo{display:grid;grid-template-columns:1fr 1fr 1fr;padding-top:8%}.beerinfo-left{padding-top:10%;font-size:2rem;text-align:right}.beerinfo-left h1{font-size:4vw;font-family:rose;text-transform:capitalize;line-height:90%;color:#000;-webkit-text-stroke:.5px #fff6da}.beerinfo-left h3{font-size:2vw;font-family:Impact;font-weight:300;margin:3% 0;text-transform:capitalize}.beerinfo-left p{font-size:1.5vw;font-family:calibri;text-transform:capitalize}.beerinfo-center{position:relative;display:flex;flex-direction:column;align-items:center;justify-self:center;font-size:1rem}.beerinfo-right{padding-top:10%;text-align:left;font-family:calibri;line-height:200%}.beerinfo-right p{font-size:1.5vw;color:#000}.dotoutine{height:550px;width:300px;border:2px dotted #f8f7e59e;border-radius:60px;display:flex;justify-content:center;align-items:center;z-index:-5}.outline{display:flex;height:530px;width:280px;border:2px solid #f8f7e5a0;border-radius:50px;z-index:-5}.underoutline{position:relative;display:flex;padding-top:5%;align-items:center;justify-content:center;text-transform:capitalize}.underoutline h2{font-family:rose;font-size:1.2vw;padding:0 5vw;text-wrap:nowrap;display:flex;justify-content:center;width:20vw;overflow:hidden}.underoutline i{border:2px solid #F8F7E5;padding:3%;border-radius:50%}@media screen and (max-width:1080px){.beerinfo-left,.beerinfo-right{display:none}.dotoutine{transform:none;height:85vw;width:45vw}.outline{height:83vw;width:43vw}.beerinfo{display:flex;justify-content:center;align-items:center}.underoutline h2{position:absolute;top:0%;font-size:8vw;line-height:90%}.underoutline i{position:absolute;top:50%;left:50%;transform:translate(-50%)}.underoutline i:first-child{left:-15%;position:absolute;font-size:300%}.underoutline i:last-child{left:115%;font-size:300%}}.page2{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:5% 15%;background-color:#f8f7e5;color:#000}.page2-head{text-align:center}.page2-head p{font-family:calibri;font-size:1.4vw}.page2-head h1{text-transform:uppercase;font-family:rose;font-size:3.2vw;margin:5% 0}.page2-head div{display:flex;text-align:left;gap:2%}.line{margin-top:10vh;width:100%;height:.8vw;color:#000;border-top:2px solid black;border-bottom:2px dotted black}nav{width:100%;height:9vh;display:flex;justify-content:space-between;padding:0 2%;position:fixed;z-index:1;font-family:frod;color:#f8f7e5;color:#fff6da}nav button{background-color:#fff6da;font-family:frod;font-size:2vw;padding:0% 2%;margin:15% 0;border-radius:2vw;border:none;display:flex;flex-direction:column;align-items:center;justify-content:center}.leftnav{width:40%;position:relative;display:flex;align-items:center;gap:2vw;justify-content:left;border-bottom:2px solid #F8F7E5}.rightnav{width:40%;position:relative;display:flex;align-items:center;gap:2vw;justify-content:right;border-bottom:2px solid #F8F7E5}.logo{padding:.2vw;margin-top:2vw;width:6vw;height:6vw;border-radius:20%}