@import url(https://fonts.googleapis.com/css?family=Sawarabi+Mincho);.header-container{width:80%;margin:0 auto;height:15vh;display:flex;align-items:center;justify-content:space-between}.itsuki-logo{height:60px;width:60px}.change-fonts{font-family:Sawarabi Mincho}.header-right{width:25%;display:flex;justify-content:space-between}.header-right-button{margin-left:10px}.text-center{color:#fff;font-family:Sawarabi Mincho}.main-container{min-width:90vw}#app{font-family:Sawarabi Mincho}.home-page{background-color:#ebe568;min-height:88vh;display:flex;flex-direction:column;justify-content:center;position:relative}.home-page div{width:80%;margin:0 auto}#title{margin-bottom:30px;font-size:90px;color:#fff;text-shadow:5px 5px 5px grey;font-family:Sawarabi Mincho}.btn{text-align:right;border-radius:35px;box-shadow:5px 5px 5px grey}.main-img{height:100%;position:absolute;top:10%;right:28%}.home-button-container{display:flex;justify-content:flex-end}#title2,.btn_font{font-family:Sawarabi Mincho}.nickname-page{background-color:#6be489;min-height:88vh}.label{margin-bottom:30px}.form{margin-top:20vh;margin-right:25%;margin-left:25%}.submit{margin-right:20px}.button-container{display:flex;justify-content:center}.btn{height:50px;font-family:Sawarabi Mincho}.input-container{width:50%}.nickname-button-clear{color:gray}.label{font-family:Sawarabi Mincho}.radio-group{flex-direction:column;justify-content:center;align-items:center;width:30%;margin:0 auto}.radio{margin-bottom:30px!important}.select-catergory-button-container{text-align:center}.radio{height:60px}.select-page{background-color:#ebe568;min-height:88vh}.label{padding-top:100px;font-size:70px}.select-content-button-container{text-align:center}.text-large{font-size:40px}.radio-group{height:50vh;display:flex}.radio-group-content{width:50%;margin:0 auto}.fullview{width:100%;height:88vh;background:#6be489}.loading-spacer{height:35%}.result-page{background-color:#6be489;min-height:88vh}.label{padding-top:50px;font-size:50px}.label,.text{text-align:center;color:#fff;font-family:bold}.text{padding-top:10px;font-weight:900;font-size:40px;padding-top:30px}.to-top{margin-left:45%}.text-enter{opacity:0}.text-enter-active{transition:opacity 1s}.text-enter-to{opacity:1}.result-text{margin-bottom:40px;background-color:#ebe568;width:50%;text-align:center;box-shadow:5px 5px 5px grey}.clip-box-a{position:relative;margin:0 auto;padding:15px 35px 15px 25px;width:70%;background-color:#ebe568;color:#555;border:1px solid #ccc;box-shadow:1px 1px 1px #acacac;margin-bottom:30px}.clip-box-a:before{position:absolute;content:"";top:-15px;right:10px;height:55px;width:15px;border:3px solid #767575;background-color:none;border-radius:12px;box-shadow:1px 1px 2px #999;transform:rotate(10deg);z-index:1}.clip-box-a:after{position:absolute;content:"";top:0;width:10px;right:20px;border:5px solid #ebe568;z-index:2}.container{margin-top:50px;margin-left:20%;margin-right:20%}