body{
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
background-color: rgb(117, 177, 230);
color: white;
}


.Header{
    display: grid;
    grid-template-columns: 1fr 12fr 16fr 1fr;
    grid-template-rows: 92px 550px 150px 150px 100px;
    z-index: 22;
}

.void1{
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    background-color:cornflowerblue;
    width: 100%;
    height: 100px;
    position: fixed;
    margin: -9px;
    display: grid;
    grid-template-columns: 1fr 3fr 8fr;
    border: 1px solid black;
    z-index: 99999;
}

.TextH{
    background-color: none;

    grid-column: 2/3;
    font-size: 75px;

    padding-top: 50px;
    font-weight: 549;
        grid-row: 2/3;
}

.PhotoH{
    background-image: url(IMG_20250628_151543573.jpg);
    border: 1px black solid;
    grid-row: 2/5;
    grid-column: 3/4;
    background-size: cover;
}

.voider{
    background-color: royalblue;
    border: 1px black transparent;    
    grid-column: 1/3;
}

.Exp{
    opacity: 0.9;
    border: 1px black solid; 
    text-align: center; 
    background-color: cornflowerblue;  
}

.HolderH{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    margin-top: 45px;
    grid-row: 3/4;
        grid-column: 1/3;
}



.VENOM{
    height: 75px;
    width: 60px;
    border-radius: 100px;
    background-color: orangered;
    color: white;
    font-size: 50px;
    padding-left: 35px;
    padding-top: 15px;
    background-size: cover;
    margin-top: 5px;
    margin-left: 5px;
    
}

.akk{
    padding-top: 5px;
}

.voidBetween{
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    background-color:cornflowerblue;
    width: 1220%;
    height: 100px;
    margin: -8px;
    z-index: 9999;
    border: 1px solid black;
    grid-row: 5/6;
}

.ProjectHolder{
    background-color: royalblue;
    width: 100%;
    height: 800px;
    display: grid;
    grid-template-columns:  1fr 100fr 1fr 100fr 1fr ;
    grid-template-rows: 3fr 100fr 3fr 200fr 3fr;
    border-radius: 10px;
}

.ProjectAbout{
    grid-column: 2/5;
    grid-row: 2/3;
    background-color: dodgerblue;
    border-radius: 20px;
 padding-top: 50px;
 padding-left: 200px;
 font-size: 100px;
     font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}

.ProjectBlock1{
    background-color: cornflowerblue;
    border: 5px darkcyan solid;
    border-radius: 20px;
    grid-column: 2/3;
    grid-row: 4/5;
        font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;


}

.ProjectBlock2{
    background-color: cornflowerblue;
    border: 5px darkcyan solid;
    border-radius: 20px;
    grid-column: 4/5;
    grid-row: 4/5;
        font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;


}

.namer{
    font-size: 50px;
}

.outer{
    font-size: 40px;
}