.App{padding:1rem}@keyframes heartBeating{0%{transform:scale(1)}to{transform:scale(.8)}}.form{display:flex;flex-flow:column wrap;justify-content:center;padding:1.5rem;width:300px;margin:30vh auto;height:auto;grid-area:b;background:rgba(245,39,41,.1)}.form .inp-number-gender{width:100%}.form .inp-number-gender select:active{transform:scaleY(.8)}.form .inp-number-age{width:60px;text-align:center}.form .btn-calcFCM{width:80px}.form .btn-calcFCM:active{transform:skew(30deg)}.form .btn-calcFCM .heartBeat-icon:hover{animation-duration:.3s;animation-iteration-count:infinite;animation-name:heartBeating}.app-bg{height:75vh}@media (max-width: 1131px){.App .title{color:#8a0206cc;background:rgba(248,237,238,.5)}.form{background:rgba(240,221,221,.58);margin:10vh auto}}@media (max-width: 768px){.form .heartBeat-icon:hover{animation-play-state:paused}}.FCM-result{color:#00f;height:60px;grid-area:c}.footer{position:fixed;bottom:0;margin:1rem;left:45vw}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;overflow:hidden}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}