.App{text-align:center}.App-logo{height:40vmin}.App-header{color:#fff;background-color:#282c34;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;font-size:calc(10px + 2vmin);display:flex}.App-link{color:#09d3ac}.subTitle{color:#868e96}
.dark-menu{color:#fff;background-color:#171c28!important}.dark-menu li a{color:#fff!important}.dark-menu li a:hover{background-color:#55198b!important}.header{background-color:#fff;max-width:100%;margin:0 auto;padding:15px 20px}.header ul{margin:0;padding:0;list-style:none;overflow:hidden}.grey-color{color:#868e96}.header li a{color:#000;padding:15px 20px;text-decoration:none;display:block}.header li a:hover,.header .menu-btn:hover{background-color:#f4f4f4}.header .logo{float:left;flex:none;margin-top:10px;font-size:1.5em;line-height:normal;text-decoration:none;display:block}.header .logo-name{font-variant-ligatures:no-common-ligatures;-webkit-font-variant-ligatures:no-common-ligatures;padding:0 10px;font-family:Agustina Regular;font-weight:700}.header .menu{clear:both;max-height:0;transition:max-height .2s ease-out}.header .theme-toggle{align-items:center;padding:15px 20px;display:flex}.header .menu-icon{cursor:pointer;float:right;-webkit-user-select:none;user-select:none;padding:28px 20px;display:inline-block;position:relative}.header .menu-icon .navicon{background:#333;width:18px;height:2px;transition:background .2s ease-out;display:block;position:relative}.header .menu-icon .navicon:before,.header .menu-icon .navicon:after{content:"";background:#333;width:100%;height:100%;transition:all .2s ease-out;display:block;position:absolute}.header .menu-icon .navicon-dark:before,.header .menu-icon .navicon-dark:after{content:"";width:100%;height:100%;transition:all .2s ease-out;display:block;position:absolute;background:#fff!important}.header .menu-icon .navicon:before{top:5px}.header .menu-icon .navicon:after{top:-5px}.header .menu-btn{display:none}.header .menu-btn:checked~.menu{max-height:486px}.header .menu-btn:checked~.menu-icon .navicon{background:0 0}.header .menu-btn:checked~.menu-icon .navicon:before{transform:rotate(-45deg)}.header .menu-btn:checked~.menu-icon .navicon:after{transform:rotate(45deg)}.header .menu-btn:checked~.menu-icon:not(.steps) .navicon:before,.header .menu-btn:checked~.menu-icon:not(.steps) .navicon:after{top:0}@media (min-width:48em){.header{justify-content:space-between;align-items:center;display:flex}.header .menu{align-items:center;max-height:none;display:flex}.header .menu-icon{display:none}}@media (max-width:960px) and (min-width:768px){.header{font-size:12px}}
.switch{width:50px;height:26px;display:inline-block;position:relative}input{transform:scale(.5)}.slider{cursor:pointer;background-color:#ccc;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;width:28px;height:26px;transition:all .4s;position:absolute;bottom:0;left:0}input:checked+.slider{background-color:#2196f3}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{transform:translate(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.slider:after{display:inline;position:absolute;bottom:17.5%;right:9.3%}input:checked+.slider:after{display:inline;position:absolute;bottom:14.5%;right:56.3%}@media (max-width:786px) and (min-width:425px){input:checked+.slider:after{bottom:20.5%;right:60.3%}.slider:after{bottom:22.5%;right:15.3%}}@media (max-width:2560px) and (min-width:1552px){.slider:after{bottom:12.5%!important}}@media (max-width:1552px) and (min-width:1440px){.slider:after{bottom:7.5%!important}}
.main{width:90%;margin:4rem auto 0;padding:20px 10px}.greet-main{width:90%;margin:2rem auto 0;padding:20px 10px}.subTitle{color:#868e96!important}.greeting-main{display:flex}.greeting-main>*{flex:1;margin-bottom:30px}.button-greeting-div{margin-top:20px;display:flex}.greeting-text{font-size:70px;line-height:1.1;color:#000!important}.greeting-text-p{font-size:30px;line-height:40px}.greeting-image-div>img{max-width:100%;height:auto}.wave-emoji{transform-origin:70% 70%;animation-name:wave;animation-duration:1.8s;animation-iteration-count:infinite;display:inline-block}@keyframes wave{0%{transform:rotate(0)}10%{transform:rotate(-10deg)}20%{transform:rotate(12deg)}30%{transform:rotate(-10deg)}40%{transform:rotate(9deg)}50%{transform:rotate(0)}to{transform:rotate(0)}}@media (max-width:1380px){.greeting-text{font-size:50px}.greeting-text-p{font-size:20px}}@media (max-width:768px){.button-greeting-div{justify-content:space-around}.greeting-text{text-align:center;font-size:30px}.greeting-text-p{text-align:center;font-size:16px;line-height:normal}.greeting-main{display:block}.greeting-image-div{height:256px}}@media (max-width:320px){.main{width:auto}}