body {
    background: black;
}

.wrapper {
	max-width: 960px;
	margin: 0 auto;
}

.container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin: 100px auto;
    padding: 15px;
}

.form {
    margin: 150px auto;
}
input[type="text"] {
	width: 75%;
	font-size: 18px;
	height: 52px;
	text-transform: uppercase;
	padding: 0 16px;
	background-color: transparent;
	color: white;
	border: 2px solid white;
	outline: none;
	border-radius: 4px;
	margin-bottom: 12px;
	font-weight: 500;
}

.buttons {
    margin: 10px auto;
    display: grid;
    width: 100%;
    grid-template-columns: 80px 1fr;

}

.uploadWrap input[type="file"] {
	opacity: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	cursor: pointer;
	outline: none;
    border: none;
    
}

 
@media only screen and (max-width: 865px ) {
    .container {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        margin: auto;
        padding: 15px;
    }

    .form {
        margin: 0px auto 45px;
    }

    #myCanvas {
        width:450px;
        height:450px;
    }
}