:root{
	--main: #FCD581;
	--blue: #4d5bf9;
	--red: #ee344e;
}
body{
	background: var(--main);
}

.main{
	height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	min-width: 400px;
}

.main h1{
    font-family: 'Nanum Pen Script';
    font-size: calc(40px + 3vw);
    width: 30vw;
    text-align: center;
    line-height: 0.75;
    color: var(--red);
    margin: 0;
	min-width: 400px;
}

.main h1 a{
	    color: var(--red);
    text-decoration: none;
    cursor: text;
}

.main p.intro{
	width: 50vw;

    font-family: 'Nanum Myeongjo';
    font-size: calc(20px + 0.4vw);
    text-align: center;
    color: white;
    font-weight: 900;
    min-width: 400px;
    line-height: 1.3em;
}

.main .result{
	width: 30vw;
    min-width: 400px;
	position: relative;
}

.value{
padding: 20px;
    /* border-bottom: 7px dotted white; */
    border-radius: 10px;
    font-size: 1.8em;
    font-family: 'Nanum Myeongjo';
    font-weight: 900;
    color: #ee354e;
    position: relative;
    text-align: center;
    background: #fffffffa;
    box-shadow: 0 0 50px #e8bf6591;
}

.vote{
	    display: flex;
		justify-content: space-evenly;
}

.vote a{
		color: white;
	 text-decoration: none;
}
.button{
    padding: 10px 20px;
    font-family: 'Nanum Pen Script';
    font-size: 2em;
    text-decoration: none;
	color: white;
}

.button.like{
	background: #32f854;
}

.button.dislike{
	background: var(--red);
}

.svg {
	width: 100%;
    position: absolute;
    bottom: 0%;
    left: 50%;
    pointer-events: none;
    transform: translate(-50%, 0%);
	transition: all .3s;
}

.hide{
	opacity: 0;
}

span.highlight{
	    background: var(--red);
    padding: 2px 5px;
	position: relative;
}

span.highlight:after{
    content: "";
    width: 100%;
    background: #dc1c37;
    height: 81%;
    position: absolute;
    left: -5px;
    top: -2px;
    z-index: -1;
    transform: rotate(-0.5deg);
}

span.highlight:nth-child(3n):after{
    transform: rotate(-2.5deg);
}

span.highlight:nth-child(2n):after{
    transform: rotate(0.5deg);
}
form.add{
width: 20vw;
    min-width: 400px;
}

p.input{
	    display: flex;
    flex-direction: column;
}

p.input label{
	font-family: 'Nanum Myeongjo';
    color: white;
    font-weight: 600;
    margin-bottom: 5px;
}

p.input input{
	font-size: 20px;
    padding: 10px;
    background: transparent;
    outline: none !important;
    border: 2px solid white;
    color: white;
    font-family: 'Nanum Myeongjo';
}

p.input input[type="submit"]{
	cursor: pointer;
}

p.msg{
	color: white;
	font-family: "Nanum Myeongjo";
	
}