@font-face{font-family:Yanone Kaffeesatz;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/yanonekaffeesatz/v30/3y9I6aknfjLm_3lMKjiMgmUUYBs04aUXNxt9gW2LIfto9tWZd2GP.ttf) format("truetype")}body{background:url(http://subtlepatterns.subtlepatterns.netdna-cdn.com/patterns/grid.png) repeat #fefefe;width:100%}h2{font-size:34px;font-weight:700}h2,h3{color:#000!important;font-family:arial!important;text-align:center}h3{font-weight:100!important}.container__content{margin-top:12%}.button{background:purple;border:1px solid #ccc;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;box-shadow:1px 1px 1px #fff;-moz-box-shadow:1px 1px 1px #fff;color:#fefefe;cursor:pointer;display:block;font-family:arial;font-size:25px;font-weight:400;line-height:0;margin:18px auto;padding:35px;text-align:center;text-decoration:none;text-shadow:2px 1px 0 #6c757d;width:21%}.button:hover{background:#eff;border:1px solid #98199d;color:#98199d;-moz-transition:all .5s ease-out;-webkit-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out}.premios{width:84%}@media(max-width:1293px){.container__content{margin-top:19%}}@media(max-width:1207px){.button{font-size:18px;width:18%}}@media(max-width:1121px){.button{font-size:22px;width:23%}}@media(max-width:995px){.button{width:32%}}@media(max-width:722px){.button{font-size:28px;width:45%}}@media(max-width:611px){.button{font-size:20px;width:42%}}@media(max-width:516px){.button{font-size:20px;font-size:22px;width:42%;width:59%}}@media(max-width:394px){.button{font-size:19px;width:57%}}@media(max-width:362px){.button{width:77%}}.modalbg{background:transparent;bottom:0;font-family:Arial,Helvetica,sans-serif;left:0;position:fixed;right:0;top:0;-moz-transition:all 2s ease-out;-webkit-transition:all 2s ease-out;-o-transition:all 2s ease-out;transition:all 2s ease-out;-webkit-transition-delay:.2s;-moz-transition-delay:.2s;-o-transition-delay:.2s;z-index:99999;-transition-delay:.2s;display:block;pointer-events:none}.modalbg .dialog{background:#fff;background:-moz-linear-gradient(#fff,#ccc);background:-webkit-linear-gradient(#630269,#ccc);background:-o-linear-gradient(#fff,#ccc);-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;box-shadow:0 0 10px #000;-moz-box-shadow:0 0 10px #000;-webkit-box-shadow:0 0 10px #000;height:453px;margin:10% auto;padding:5px 20px 13px;position:relative;top:-1000px;width:50%}.modalbg .dialog .ie7{filter:progid:DXImageTransform.Microsoft.Shadow(color="#000",Direction=135,Strength=3)}.modalbg:target{background:rgba(4,10,30,.8);display:block;pointer-events:auto;-moz-transition:all .5s ease-out;-webkit-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out}.modalbg:target .dialog{top:-20px;-moz-transition:all .8s ease-out;-webkit-transition:all .8s ease-out;-o-transition:all .8s ease-out;transition:all .8s ease-out;-webkit-transition-delay:.4s;-moz-transition-delay:.4s;-o-transition-delay:.4s;-transition-delay:.4s}.close{background:#fff;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;box-shadow:0 0 10px #000;-moz-box-shadow:0 0 10px #000;-webkit-box-shadow:0 0 10px #000;color:purple;font-weight:700;line-height:25px;position:absolute;right:-12px;text-align:center;text-decoration:none;top:-10px;-moz-transition:all .5s ease-out;-webkit-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out;-webkit-transition-delay:.2s;-moz-transition-delay:.2s;-o-transition-delay:.2s;width:24px;-transition-delay:.2s}.close .ie7{filter:progid:DXImageTransform.Microsoft.Shadow(color="#000",Direction=135,Strength=3)}.close:hover{background:purple;color:#fff;-moz-transition:all .5s ease-out;-webkit-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out}.fineprint{color:#646;font-size:10px;font-style:italic}a{color:#333;text-decoration:none}@import url("https://fonts.googleapis.com/css?family=Kaushan+Script");.container{align-items:center;width:100%}.container,.gift-container{display:flex;justify-content:center}.gift{position:absolute;z-index:2}.gift__cover{background-color:#7825ce;box-shadow:9px 8px 5px -4px rgba(0,0,0,.93);-webkit-box-shadow:9px 8px 5px -4px rgba(0,0,0,.93);-moz-box-shadow:9px 8px 5px -4px rgba(0,0,0,.93);display:flex;height:4rem;justify-content:center;width:19rem}.gift__cover__wrap{background-color:#e8c328;height:4rem;position:absolute;width:4rem}.gift__cover__wrap:before{transform:translateX(-45%) skewY(40deg)}.gift__cover__wrap:after,.gift__cover__wrap:before{border-radius:2rem;box-shadow:inset 0 0 0 1rem #e8c328;content:"";display:block;height:4rem;position:absolute;top:-4rem;width:4rem}.gift__cover__wrap:after{transform:translateX(45%) skewY(-40deg)}.gift__cover.animate__wobble{animation:wobble .5s linear .1s infinite forwards}.gift__cover.animate__open{animation:flyUp .4s ease-in forwards}.gift__container{background-color:#7825ce;box-shadow:9px 8px 5px -4px rgba(0,0,0,.93);-webkit-box-shadow:9px 8px 5px -4px rgba(0,0,0,.93);-moz-box-shadow:9px 8px 5px -4px rgba(0,0,0,.93);display:flex;height:10rem;justify-content:center;margin:0 1rem;position:relative;top:-.75rem;width:17rem;z-index:-1}.gift__container__label{color:#fff;display:block;font-size:1.5rem;position:absolute;text-shadow:3px 3px 3px #000;top:11rem;transform:rotate(0deg)}.gift__container__wrap{background-color:#e8c328;height:10rem;position:absolute;width:4rem}.gift__container:after{background-color:rgba(0,0,0,.2);content:"";display:block;height:2rem;width:100%;z-index:1}.gift__container.animate__open{animation:flyDown .2s ease-in forwards}.gift.animate__wobble{animation:wobble .5s linear infinite forwards}.card{align-items:center;background-color:#fff;border:2px solid #34495e;border-radius:1.25rem;display:flex;margin:-5% 2rem 2rem;padding:20px;transform:scale(10%);width:73%;z-index:1}.card__text{color:#34495e}.card__text__greeting{font-size:1.5rem}.card__text__greeting__hbd{-webkit-text-stroke-width:.1px;-webkit-text-stroke-color:#000}.card__text__sign{font-size:1rem;text-align:right}.card.animate{animation:zoomIn .8s ease-in forwards}@keyframes wobble{25%{transform:rotate(4deg)}75%{transform:rotate(-2deg)}}@keyframes flyUp{75%{opacity:1}to{opacity:0;transform:translateY(-1000px) rotate(20deg)}}@keyframes flyDown{75%{opacity:1}to{opacity:0;transform:translateY(150%)}}@keyframes zoomIn{to{transform:scale(100%) rotate(1turn) rotateX(1turn)}}@media(max-width:1292px){.card{align-items:center;background-color:#fff;border:2px solid #34495e;display:flex;margin:-4% 0 2rem;padding:20px;transform:scale(10%);width:101%;z-index:1}}@media(max-width:939px){.modalbg .dialog{width:82%}}@media(max-width:756px){.premios{width:95%}}@media(max-width:576px){.modalbg:target .dialog{top:17%}.gift-container{margin-top:7%}}@media(max-width:466px){.container__content{margin-top:31%}}@media(max-width:434px){.modalbg .dialog{height:473px;width:349px}}