/* .c1 { */
/*     color: red; */
/* } */

@media screen and (min-width: 481px){
    div#personal {
	/* text-align:center; */
	margin-top: 1ex;
	margin-bottom: -250px;
	height: 500px;
    }

    div#personal svg {
	width: 500px;
    }

    div#mypopup {
	display:none;
	font-size: medium;
	width: 50%;
	position: relative;/* absolute; */
        background:rgba(255,255,255,1);

	border: solid;
	border-radius: 20px;
	border-width: 1px;
	padding: 10px;

	box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);
	/* top: 6ex; */
	/* right: 10px; */
	width: 400px;
    }

    #path43-6, #path47-9, #path51-4, #path55-6, #path59-7, #tspan45-7, #tspan48-2, #tspan52-8, #tspan56-7, #tspan60-85 {
	cursor: pointer;
    }
}
@media screen and (max-width: 480px){
    div#personal {
	width: 100%;
	text-align:center;
	margin-top: 1ex;
	margin-bottom: -280px;
	height: 500px;
	margin-left: -9ex;
	/* background: #e00; */
	position: relative;
    }

    div#personal svg{
	display: block;
	/* position: absolute; */
	top: 0;
	left: 0;
	width: 120%;
	/* height: 120%; */
    }

    div#mypopup {
	display:none;
	font-size: medium;
	width: 90%;
	position: relative; /* absolute; */
        background:rgba(255,255,255,1);

	border: solid;
	border-radius: 20px;
	border-width: 1px;
	padding: 10px;

	box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);
	/* top: 6ex; */
	/* right: 10px; */
	width: 80%;
    }
}

.selected {
    fill: red;
}

#path43-6, #path47-9, #path51-4, #path55-6, #path59-7 {
    filter: drop-shadow(0px 0px 100px #000);
}