body {
    width: 100vw;
    height: 100vh;
}
#submissions{
    display: flex;
    flex-direction: column;
    width: 30vw;
    height: 70vh;
}
#mynewmeaning{
    height: 10vh;
}
#submissions button{
    width: 50px;
    height: 50px;
}
input{
    margin-bottom:1em;
}
#table{
    background-color: white;
    width: 70vw;
    height: 100vh;
    display: flex;
    flex-wrap: wrap;
    align-content: start;
}

img {
    max-width: 200px;
    height: auto;
    
}
#descriptions {
	width: 24vw;
	height: 40vh;
	position: absolute;
	padding-right: 4em;
	top: 0;
	right: 0;
	/* background-color: cyan; */
	font-size: 1em;
	color: black;
	padding-top: 4em;
}

#sifir {
    display: none;
}

img:hover {
    transform: rotate(2deg);
    z-index: 1;
}


[data-card ="on"] {
    position: absolute;
    top: 35vh;
    left: 20vw;
    transform: rotate(270deg);
}

[data-card ="on"]:hover{
        transform: rotate(272deg);

}

[data-card ="dokuz"] {
    position: absolute;
    top: 35vh;
    left: 20vw;
}

[data-card ="sekiz"] {
    position: absolute;
    top: 7vh;
    left: 20vw;
}
[data-card ="yedi"]{
    position: absolute;
    top: 60vh;
    left: 20vw;
}
[data-card ="alti"]{
    position: absolute;
    top: 35vh;
    left:5vw;
}
[data-card ="bes"]{
    position: absolute;
    top: 35vh;
    left:35vw;
}
[data-card ="dort"]{
    position: absolute;
    top: 60vh;
    left:50vw;
}
[data-card ="uc"]{
    position: absolute;
    top: 30vh;
    left:50vw;
}
[data-card ="iki"]{
    position: absolute;
    top: 10vh;
    left:50vw;
}
[data-card ="bir"]{
    position: absolute;
    top: 0vh;
    left:50vw;
}
[data-card-position = "birinci"]{
    position: absolute;
    top: 5vw;
    left: 5vw;
}
[data-card-position = "ikinci"]{
    position: absolute;
    top: 5vw;
    left: 25vw;
}
[data-card-position = "ucuncu"]{
    position: absolute;
    top: 5vw;
    left: 45vw;
}
#cardname{
    position: absolute;
    top:3vh;
    background-color: magenta;
    color:white;
}