/*
Author:  Leonard Garcia
All Rights Reserved
Created on
*/
/* 
    Created on : Sep 4, 2023, 10:16:42 AM
    Author     : Leonard Garcia <your.name at your.org>
*/

body {
    margin: 0;
    padding:0;
    background-color: black;
    color: darkgreen;
}
.header2 {
    color: darkgreen;
    font-family: Harry p, Helvetica;
    font-size: 3.1em;
    font-weight: 600;
    text-shadow:#fff 0 -1px 4px, 
    #ff0 0 -2px 10px, #ff8000 0 -10px 20px, red 0 -18px 40px;
}
#vgiHead {
    position: absolute;
    top:    5px;
    left:   10%;
}

hi {
    color: darkgreen;
}

.kotoba {
    background-color:lightsteelblue;
    color: blue;
    border: 8px;
    border-color:blueviolet;
    border-style:groove; 
    font-family:fantasy;
    font-size: 50px;
    width: fit-content;
    margin: 2rem;
    padding: 10px;
}
#slovo{
    
}

p{
   background-color: black;
   color: blueviolet;
   font-size: 26px;
   margin: 30px;
}

#footer {
    position: relative;
    top: 90px;
    background-color:black;
    color:white;
    clear:both;
    text-align:center;
    padding:7px;
}
/* FOR SMARTPHONE ***********************SMARTPHONE*********************/
/*********************************************************************
**********************************************************************/
@media only screen and (max-width : 426px) and (min-width: 240px) {
    #body {
        max-width: 410px;
        overflow-x: hidden; 
    }  

    .header2 {
        color: darkgreen;
        font-family: Harry p, Helvetica;
        font-size: 1.3rem;
        font-weight: 600;
        text-shadow:#fff 0 -1px 4px, 
        #ff0 0 -2px 10px, #ff8000 0 -10px 20px, red 0 -18px 40px;
    }
    
    #vgiHead {
        position: absolute;
        top:    20px;
        left:    10%;
        font-size: 1.7rem;
        margin-bottom: 1.5rem;
    }
    
    .kotoba {
        background-color:lightsteelblue;
        font-size: 30px;
        width: fit-content;
        margin: 2rem;
        padding: 10px;
    }
    
    p{
        font-size: 20px;
        margin: 34px;
     }
    img {
        width: 22%;
    }
}