*{margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif;font-size:14px}body{background-image:linear-gradient(to bottom right,#4577b0,#318ba5);height:100vh;display:flex;justify-content:center;align-items:center}@media only screen and (max-width:360px){#root{height:100vh}}.App{margin:0;width:100%;box-sizing:border-box}@media only screen and (max-width:480px){.App{height:100%}}.Header_root{color:#fff;background-color:#2296f3;width:100%;display:flex;align-items:center;padding:30px 100px 30px 30px}h1{font-size:1.8rem}.Header{margin-left:1.8rem}@media only screen and (max-width:480px){.Header_root{padding-right:30px}}.ChecmarkForHundred{transform-origin:50% 50%;stroke:#fff;stroke-width:2;stroke-dasharray:48;stroke-dashoffset:48;-webkit-animation:stroke .3s cubic-bezier(.65,0,.45,1) .8s forwards,scale .3s ease-in-out 1.2s both;animation:stroke .3s cubic-bezier(.65,0,.45,1) .8s forwards,scale .3s ease-in-out 1.2s both}.MyTextForHundred{-webkit-animation:disappear .3s cubic-bezier(.65,0,.45,1) 1s forwards;animation:disappear .3s cubic-bezier(.65,0,.45,1) 1s forwards}@-webkit-keyframes disappear{to{fill:#2296f3;stroke:#2296f3}}@keyframes disappear{to{fill:#2296f3;stroke:#2296f3}}.MainForm{background-color:#fafafa;padding:30px;align-content:center;justify-content:center;justify-items:center;width:100%}.Form,.MainForm{display:flex;flex-direction:column;align-items:center}.FormCircleInput{display:flex;align-items:center;margin-bottom:2.2rem}.FormCircleInput,form{width:100%;justify-content:space-between}.Button,.Button:link,.Button:visited{background-color:orange;border:none;border-radius:5px;color:#fff;padding:15px 32px;text-align:center;text-decoration:none;display:flex;font-size:1.2rem;cursor:pointer;transition:all .2s}.Button:active,.Button:hover{background-color:#ff9100;transform:translateY(1px);box-shadow:0 .25rem .5rem rgba(0,0,0,.2)}.Button:focus{outline:0}.Disabled{opacity:.6;cursor:not-allowed}@media only screen and (max-width:480px){.MainForm{justify-content:space-evenly}.FormCircleInput{margin-bottom:2.5rem}}.Input{width:80%;box-sizing:border-box;background-color:transparent;margin-left:30px;position:relative;padding-top:20px;overflow:hidden}.Label{position:absolute;bottom:0;left:0;border-bottom:.5px solid #d5d7d9}.Label,.LabelCheckbox{color:#9c9a9b;font-weight:300;font-size:1rem;width:100%;height:100%;pointer-events:none}.LabelCheckbox{display:block;margin-bottom:10px}.Label:after{content:"";width:100%;height:100%;border-bottom:1px solid #2296f3;bottom:0;transform:translateX(-100%);transition:transform .5s ease}.Content,.Label:after{position:absolute;left:0}.Content{top:10px;transition:all .3s ease}.InputElement:focus+.Label .Content,.SmallLetter{font-size:.7rem;transform:translateY(-100%)}.InputElement:focus+.Label:after{transform:translateX(0)}.InputElement:focus{color:#2296f3}.InputElement{outline:none;border:none;background-color:transparent;font:inherit;padding:6px 10px;display:block;width:100%;box-sizing:border-box;color:#9c9a9b;font-weight:300;font-size:1.2rem}.Invalid{border-bottom:2px solid red}.Checkbox-main{display:flex;justify-content:flex-start;justify-items:center;align-items:center;align-content:center;color:#9c9a9b;font-weight:300;padding:.5rem}.Container{display:block;position:relative;padding-left:3rem;margin-bottom:.7rem;cursor:pointer;font-size:.9rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.Container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.Checkmark{position:absolute;top:0;left:0;height:1.8rem;width:1.8rem;background-color:none;border:.5px solid #d5d7d9;border-radius:50%}.Container:hover input~.Checkmark{background-color:#ccc}.Container input:checked~.Checkmark{background-color:#46d4b4;border:none;-webkit-animation:pulse 2s;animation:pulse 2s}.Checkmark:after{content:"";position:absolute;display:none}.Container input:checked~.Checkmark:after{display:block}.Container .Checkmark:after{left:9px;top:5px;width:5px;height:10px;border:.5px solid #fff;border-width:0 1px 1px 0;transform:rotate(45deg)}@-webkit-keyframes pulse{0%{-webkit-box-shadow:0 0 0 0 rgba(70,212,180,.4)}70%{-webkit-box-shadow:0 0 0 10px rgba(70,212,180,0)}to{-webkit-box-shadow:0 0 0 0 rgba(70,212,180,0)}}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(70,212,180,.4)}70%{box-shadow:0 0 0 10px rgba(70,212,180,0)}to{box-shadow:0 0 0 0 rgba(70,212,180,0)}}.CheckmarkSvg{border-radius:50%;display:block;stroke-width:2;stroke:#2296f3;stroke-miterlimit:10;box-shadow:inset 0 0 0 #fff}.CheckmarkSvg__circle{transform-origin:center;stroke-miterlimit:10;-webkit-animation:strokeCirc 1.4s linear both;animation:strokeCirc 1.4s linear both}.CheckmarkSvg__check{transform-origin:50% 50%;stroke-dasharray:38;stroke-dashoffset:38;-webkit-animation:stroke .8s cubic-bezier(.65,0,.45,1) 1.4s forwards,scale .7s cubic-bezier(.65,0,.45,1) 1.9s both;animation:stroke .8s cubic-bezier(.65,0,.45,1) 1.4s forwards,scale .7s cubic-bezier(.65,0,.45,1) 1.9s both}.myText{-webkit-animation:appear .3s cubic-bezier(.65,0,.45,1) .8s forwards;animation:appear .3s cubic-bezier(.65,0,.45,1) .8s forwards}@-webkit-keyframes stroke{to{stroke-dashoffset:0}}@keyframes stroke{to{stroke-dashoffset:0}}@-webkit-keyframes strokeCirc{0%{stroke-dashoffset:80;transform:rotate(0deg)}50%{stroke-dashoffset:26;transform:rotate(2turn)}to{stroke-dashoffset:106.81415022205297;transform:rotate(1350deg)}}@keyframes strokeCirc{0%{stroke-dashoffset:80;transform:rotate(0deg)}50%{stroke-dashoffset:26;transform:rotate(2turn)}to{stroke-dashoffset:106.81415022205297;transform:rotate(1350deg)}}@-webkit-keyframes scale{0%,to{transform:none}50%{transform:scale3d(1.1,1.2,1)}}@keyframes scale{0%,to{transform:none}50%{transform:scale3d(1.1,1.2,1)}}@-webkit-keyframes fill{to{box-shadow:inset 0 0 0 80px #fff}}@keyframes fill{to{box-shadow:inset 0 0 0 80px #fff}}@-webkit-keyframes appear{to{fill:#fff;stroke:#fff}}@keyframes appear{to{fill:#fff;stroke:#fff}}.Backdrop{width:100%;height:100%;position:fixed;z-index:100;left:0;top:0;background-color:rgba(0,0,0,.5);justify-content:center}.Backdrop,.Backdrop_window{display:flex;align-items:center}.Backdrop_window{background-color:#fff;width:25%;height:25%;text-align:center;flex-direction:column;justify-content:space-evenly;color:#9c9a9b;border-radius:2px}
/*# sourceMappingURL=main.da481be9.chunk.css.map */