master.css

/**
 * /* body{
 *     width: 30em;
 *     height: 40em;
 * }
 *
 * @format
 */

@font-face {
    font-family: doodle;
    src: url("./font/Kbzipadeedoodah-YG3j.ttf");
}

body {
    background-color: #202020 !important;
    border: 2px solid #12c7ea;
    /* height: 50vh !important; */
    /* border-color: red; */
}

h2 {
    padding-top: 2vh !important;
    font-family: doodle !important;
    text-align: center !important;
    color: #12c7ea;
}
#start{
    
    background-color: "#A4A4AB";
}
.ui .segment {
    text-align: center !important;
}


/* SHAPES */

.circle {
    background: url("./images/shapes/circle.svg") !important;
}

.square {
    background: url("./images/shapes/square.svg") !important;
}

.triangle {
    background: url("./images/shapes/triangle.svg") !important;
}

.ellipse {
    background: url("./images/shapes/ellipse.svg") !important;
}

.line {
    background: url("./images/shapes/line.svg") !important;
}


/* TOOLS */


/* .bucket{
    background:url("./images/tools/bucket.svg") !important;
}
.eraser{
    background:url("./images/tools/eraser.svg") !important;
}
.scissors{
    background:url("./images/tools/scissors.svg") !important;
}
.spray{
    background:url("./images/tools/spray.svg") !important;
} */

.tools {
    /* height: 5% !important; */
    width: 15% !important;
    margin-right: 5% !important;
    cursor: pointer !important;
}