*{margin:0;padding:0}:root{--env-color: #FFFFE3;--gold-text: rgb(187, 159, 0)}body{font-size:15px;font-family:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif}.envelope{height:100vh;position:fixed;background-color:var(--env-color)}.envelope .flap{position:relative;z-index:2}.envelope .flap .flap-triangle{content:" ";width:0;height:0;border-left:50vw solid rgba(0,0,0,0);border-right:50vw solid rgba(0,0,0,0);border-top:40vh solid var(--env-color);border-color:var(--env-color) rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);filter:drop-shadow(-2px -4px 5px rgba(0, 0, 0, 0.5));transform:skewX(4)}.envelope .flap .flap-ball{position:absolute;left:50%;top:35vh;transform:translate(-50%, -50%);width:14vh;height:14vh;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--env-color);color:var(--gold-text);font-size:4vh;font-family:"Lavishly Yours",cursive;filter:drop-shadow(0 0 3px rgba(0, 0, 0, 0.2))}.envelope .envelope-body{z-index:1}