#main{
    margin: auto;
    position: absolute;
    top: 50%; left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width:40%;
    margin-top:-50px;
}

#mainBox{
    padding:1em 2em;
    border-width:7px;
    border-style:solid;
    border-image: url("border.png") 7 fill round;
    font-size:20px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif ;
    text-align: left;
    position: relative;

}

#mainBox p{
    border: 1px solid black;
    border-radius: 5px;
    padding: 5px;
    margin-bottom: 10px;
}

#notice{
    font-weight: bold;
    text-decoration:underline;

}


button a{
    color:black;
    font-size: 15px;
    text-decoration: none;

}

button a:hover{
    letter-spacing: 0;
    text-decoration: none;
    
}
#woof{
    position:absolute; 
    right:-4em;
    bottom:-3em;
    width:30%;
    height: auto;
    z-index: 3;
}

#welcome{
    position: relative;
    margin-bottom: 7px;
    font-size:25px;
    text-align: center;
    z-index: 3;

}

#wobble{
	font-weight: bold;
}


@media only screen and (min-device-width : 320px) and (max-device-width : 480px){
	#main{
		width: 80%;
	}
	
	#woof{
		right:-3em;
		bottom:-3em;
		width:55%;
	}
	
}