.gift{position:relative;display:flex;flex-direction:column;align-items:center;z-index:10}.gift-top{width:100px;height:25px;background-color:#7aa944}.gift-body{width:90px;height:60px;background-color:#5c7e32}.gift-tie-1{width:15px;height:85px}.gift-tie-1,.gift-tie-2{position:absolute;background-color:red}.gift-tie-2{top:40px;width:90px;height:15px}:root{--door-border:5px solid brown;--selected-border:5px solid #ff0}.door-area{position:relative;width:200px;height:310px;border-bottom:10px solid #aaa;margin-bottom:20px;font-size:3rem}.door-area,.door-frame{display:flex;justify-content:center}.door-frame{position:absolute;height:300px;width:180px;border-left:var(--door-border);border-top:var(--door-border);border-right:var(--door-border);align-items:flex-end}.door{position:absolute;top:5px;height:295px;width:170px;background-color:#d2691e;display:flex;flex-direction:column;align-items:center;padding:20px}.door .knob{height:20px;width:20px;border-radius:10px;background-color:brown;align-self:flex-start;margin-top:60px}.door-frame.selected{border-left:var(--selected-border);border-top:var(--selected-border);border-right:var(--selected-border)}.door .number.selected{color:#ff0}.door .knob.selected{background-color:#ff0}.door.open{background-color:rgba(0,0,0,.4666666666666667)}.door.open .knob,.door.open .number{display:none}*{box-sizing:border-box;font-family:Montserrat,sans-serif}body{color:#fff;background:linear-gradient(90deg,#159957,#155799)}#app{display:flex;flex-direction:column;align-items:center}#app h1{border:1px solid #000;background-color:rgba(0,0,0,.26666666666666666);padding:20px;margin-bottom:60px}.form{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:40px}.form,.form button,.form input{margin-bottom:10px;font-size:2rem}.doors{align-self:stretch;display:flex;justify-content:space-around;flex-wrap:wrap}