@font-face {font-family:mukta;font-weight:normal;font-style:normal;src:url('./f/mukta-light.ttf') format('truetype')}
a:link{color:cyan}
body{margin:0;color:white;font-family:mukta, sans-serif}
h1{margin-bottom:0}
.main{height:100%;display:flex;flex-direction:column;background-color:black}
.header{display:flex;position:sticky;top:0;height:154px}
.logo{cursor:pointer}
.left-header{flex-grow:1;background-image:url(bkgrnd.png);background-size: 100% 100%}
.content{flex-grow:1;display:flex;justify-content:center;flex-direction:column}
.inner-content{height:100%; padding:0 2rem 2rem 2rem}
.video{max-width: 540;width:100%;height: auto}
footer{color:rgb(36,35,35)}
.coffee{position:fixed;font-size:40px;pointer-events:none;z-index:1000;opacity:0;user-select:none}
@keyframes cpop{
0%{opacity:0;transform:translateY(101px) scale(0.5)}
21%{opacity:1;transform:translateY(0) scale(1.2)}
41%{transform:translateY(-21px) translateX(10px) scale(1)}
61%{transform:translateY(-11px) translateX(-15px) scale(1.1)}
81%{transform:translateY(-31px) translateX(20px) scale(0.9)}
100%{opacity:0;transform:translateY(-51px) translateX(0) scale(0.5)}
}
.coffee.show{animation:cpop 2.1s ease-out forwards}