test_result.css 3.26 KB
#total
{
    position:absolute;
    background-image:url("metadata/image/background.png");
    top:50%;
    left:50%;
    width:1300px;
    height:650px;
    margin:-325px 0px 0px -650px;
}
#words
{
    position:absolute;
    top:42%;
    left:16%;
    width:400px;
    height:350px;
    margin:-75px 0px 0px 0px; 
}
#imgkey
{
    position:relative;
    left:15%;
}
#rkart
{
    position:absolute;
    background-image: url("metadata/image/kart.png");
    width:350px;
    height:350px;
    top:30%;
    left:60%;
}
#imgId
{
    position:relative;
    top:20%;
    left:15%;
    width:70%;
    height:60%;

}
#word1
{
    position:relative;
    font-family: 'Nanum Gothic';
    font-size:large;
    font-weight: bold;
    top:10%;
    width:160px;
    height:40px;
    border-radius: 30px;
    border:0;
    background: rgb(192, 234, 250);
    box-shadow: 3px 3px 3px rgb(209, 207, 207); 
}
#word2
{
    position:relative;
    font-family: 'Nanum Gothic';
    font-size:large;
    font-weight: bold;
    top:19%;
    left:15%;
    width:160px;
    height:40px;
    border-radius: 30px;
    border:0;
    background: rgb(192, 234, 250);
    box-shadow: 3px 3px 3px rgb(209, 207, 207); 
}
#word3
{
    position:relative;
    font-family: 'Nanum Gothic';
    font-size:large;
    font-weight: bold;
    top:19%;
    width:160px;
    height:40px;
    border-radius: 30px;
    border:0;
    background: rgb(192, 234, 250);
    box-shadow: 3px 3px 3px rgb(209, 207, 207); 
}
#word4
{
    position:relative;
    font-family: 'Nanum Gothic';
    font-size:large;
    font-weight: bold;
    top:28%;
    left:15%;
    width:160px;
    height:40px;
    border-radius: 30px;
    border:0;
    background: rgb(192, 234, 250);
    box-shadow: 3px 3px 3px rgb(209, 207, 207); 
}
#word5
{
    position:relative;
    font-family: 'Nanum Gothic';
    font-size:large;
    font-weight: bold;
    top:28%;
    width:160px;
    height:40px;
    border-radius: 30px;
    border:0;
    background: rgb(192, 234, 250);
    box-shadow: 3px 3px 3px rgb(209, 207, 207); 
}
#word6
{
    position:relative;
    font-family: 'Nanum Gothic';
    font-size:large;
    font-weight: bold;
    top:35%;
    left:15%;
    width:160px;
    height:40px;
    border-radius: 30px;
    border:0;
    background: rgb(192, 234, 250);
    box-shadow: 3px 3px 3px rgb(209, 207, 207); 
}
#word7
{
    position:relative;
    font-family: 'Nanum Gothic';
    font-size:large;
    font-weight: bold;
    top:38%;
    width:160px;
    height:40px;
    border-radius: 30px;
    border:0;
    background: rgb(192, 234, 250);
    box-shadow: 3px 3px 3px rgb(209, 207, 207); 
}
#text1
{
    position:relative;
    font-family: 'Nanum Gothic';
    font-size:50px;
    font-weight: bold;
}
#text2
{
    position:relative;
    font-family: 'Nanum Gothic';
    font-size:70px;
    font-weight: bold;
    color:rgb(0, 153, 255);
}
#home
{
    position:relative;
    font-family: 'Nanum Gothic';
    width:120px;
    height:40px;
    font-size:x-large;
    font-weight: bold;
    color:white;
    top:80%;
    left:30%;
    background-color: rgb(0, 153, 255);
    
}
#reset
{
    position:relative;
    font-family: 'Nanum Gothic';
    font-size:x-large;
    font-weight: bold;
    color:white;
    width:120px;
    height:40px;
    top:80%;
    left:55%;
    background-color: rgb(0, 153, 255);
}