a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,var,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*{font-family:Roboto-Light,sans-serif;line-height:1.5;color:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:none;-ms-overflow-style:none;scrollbar-width:none}@font-face{font-family:Roboto-Light;src:local("fonts/roboto"),url(/fonts/roboto/roboto-light.woff2) format("woff2"),local("fonts/roboto"),url(/fonts/roboto/roboto-light.woff) format("tff");font-weight:300;font-style:normal;font-display:block}@font-face{font-family:Roboto-Medium;src:local("fonts/roboto"),url(/fonts/roboto/roboto-medium.woff2) format("woff2"),local("fonts/roboto"),url(/fonts/roboto/roboto-medium.woff) format("tff");font-weight:500;font-style:normal;font-display:block}@font-face{font-family:Roboto-Bold;src:local("fonts/roboto"),url(/fonts/roboto/roboto-bold.woff2) format("woff2"),local("fonts/roboto"),url(/fonts/roboto/roboto-bold.woff) format("tff");font-weight:700;font-style:normal;font-display:block}::-webkit-scrollbar{display:none;-webkit-appearance:none}body{font-size:16px}.bday-card-wrapper{display:grid;grid-gap:32px;grid-template-columns:repeat(4,1fr)}@media(max-width:1200px){.bday-card-wrapper{grid-template-columns:repeat(3,1fr)}}@media(max-width:950px){.bday-card-wrapper{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.bday-card-wrapper{grid-template-columns:repeat(1,1fr)}}.page-wrapper{position:relative;width:100%;min-height:100vh;background:-webkit-linear-gradient(45deg,#113977,#001a8e,#6fb1fc);background:-moz-linear-gradient(45deg,#113977,#001a8e,#6fb1fc);background:linear-gradient(45deg,#113977,#001a8e,#6fb1fc);background-size:400%;padding:32px;-webkit-animation:animateBackgroundGradient 10s ease-in-out infinite;-moz-animation:animateBackgroundGradient 10s ease-in-out infinite;animation:animateBackgroundGradient 10s ease-in-out infinite}.page-wrapper--dark{background:-webkit-gradient(linear,left top,left bottom,from(#28387d),to(#28387d));background:-webkit-linear-gradient(#28387d,#28387d);background:-moz-linear-gradient(#28387d,#28387d);background:linear-gradient(#28387d,#28387d)}@-webkit-keyframes animateBackgroundGradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@-moz-keyframes animateBackgroundGradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes animateBackgroundGradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.card{background:#fff;background:rgba(255,255,255,.35);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:5px;padding:32px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}.card:hover{background:#fff;background:rgba(255,255,255,.6)}.card--dark{background:#000;background:rgba(0,0,0,.35)}.bday-card__date{text-align:center;margin-bottom:32px}.bday-card__date--day{font-size:45px}.bday-card__date--month{font-size:25px}.bday-card__person-info__td{font-size:20px}.bday-card__person-info__td:first-child{width:100px}.login{background-size:cover;position:absolute;min-height:-webkit-calc(100vh - (2 * 30px));min-height:-moz-calc(100vh - (2 * 30px));min-height:calc(100vh - (2 * 30px));width:-webkit-calc(100% - (2 * 30px));width:-moz-calc(100% - (2 * 30px));width:calc(100% - (2 * 30px))}.login__wrapper{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:rgba(255,255,255,.2);border-radius:5px;padding:30px}.login__dial-wrapper{display:grid;grid-template:repeat(4,1fr)/repeat(3,1fr);grid-gap:20px;margin-bottom:20px}.login__dial-button{width:90px;height:60px;border-radius:5px;color:#000;font-size:30px;-webkit-transition:all .1s ease;-moz-transition:all .1s ease;transition:all .1s ease;border:none}.login__dial-button:active{-webkit-transform:scale(.95);-moz-transform:scale(.95);transform:scale(.95)}.login__dial-button--reset{background-image:url(/icon/close-white.svg);background-repeat:no-repeat;background-position:50%;background-size:15px}.login__dial-button--back{background-image:url(/icon/arrow-left-white.svg);background-repeat:no-repeat;background-position:50%;background-size:30px}.login__dots-wrapper{display:-moz-box;display:flex;-moz-box-orient:horizontal;-moz-box-direction:normal;flex-direction:row;-moz-box-pack:center;justify-content:center}.login__dot{width:15px;height:15px;border:2px solid #fff;margin:5px;border-radius:50%}.login__dot--active{background-color:#fff}.form{width:500px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:20px}.form__field{margin-bottom:15px;display:-moz-box;display:flex;-moz-box-orient:horizontal;-moz-box-direction:normal;flex-direction:row;-moz-box-pack:start;justify-content:flex-start;-moz-box-align:center;align-items:center}.form__field label{width:150px;display:inline-block}.form__field input{border:none;outline:none;width:100%;border-radius:5px;padding:5px 15px;color:#000;font-size:20px}.form__field input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}.form__button{width:100%;color:#000;border-radius:5px;border:none;outline:none;padding:15px;font-size:20px}