#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}#nav{padding:30px}#nav a{font-weight:700;color:#2c3e50}#nav a.router-link-exact-active{color:#42b983}.v-card{margin:10px}.v-btn:not(.v-btn--round).v-size--default{margin:20px}body,html{height:100%}body{background-position:50%;background-repeat:no-repeat;background-attachment:fixed;background-size:cover;background-color:#999}body,div{margin:0;padding:0;font-family:exo,sans-serif}.theme--light.v-application{background:hsla(0,0%,100%,0)!important;height:0}body{display:flex;justify-content:center}.envelope{margin-top:60vh;width:224px;height:224px;overflow:hidden;position:relative;transition:all ease;-webkit-animation:tremble 1s infinite;animation:tremble 1s infinite}.envelope--base{top:100px;z-index:2;width:220px;height:121px;position:relative;border-radius:4px;border:2px solid rgba(0,0,0,.1411764705882353);background-color:#f5f4f4}.envelope__tab{left:28px;z-index:1;bottom:26px;width:212px;height:140px;position:absolute;transform:rotate(45deg);border-top-left-radius:30px;background-color:#f5f4f4;border:2px solid rgba(0,0,0,.1411764705882353)}.envelope__letter{left:29px;z-index:3;width:158px;bottom:17px;height:181px;cursor:pointer;font-size:16px;font-style:oblique;padding:12px 18px;border-radius:8px;position:absolute;box-sizing:border-box;background-size:cover;color:#4c4444;border:1px solid rgba(0,0,0,.1411764705882353);transition:all .6s linear .4s;background-image:url(https://i.pinimg.com/564x/03/c3/fe/03c3fe8f10c79787d45f0cff0bc7bb52.jpg)}.envelope__letter:hover{height:120px;color:#4c4444}.envelope__letter:before{content:"";height:0;width:6px;right:-34px;bottom:-17px;position:absolute;border-top:56px solid transparent;border-left:107px solid #fff;border-right:107px solid #fff;border-bottom:65px solid #f5f4f4}.shadow{width:230px;height:30px;position:absolute;background-color:hsla(0,0%,45.9%,.1411764705882353);border-radius:50%;bottom:26vh;-webkit-animation:shadow 3s infinite;animation:shadow 3s infinite}@-webkit-keyframes shadow{0%{width:230px}50%{width:200px}to{width:230px}}@keyframes shadow{0%{width:230px}50%{width:200px}to{width:230px}}@-webkit-keyframes tremble{0%{transform:rotate(-1deg)}50%{transform:rotate(0deg)}75%{transform:rotate(1deg)}to{transform:rotate(0deg)}}@keyframes tremble{0%{transform:rotate(-1deg)}50%{transform:rotate(0deg)}75%{transform:rotate(1deg)}to{transform:rotate(0deg)}}