/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */
body{ 
background-image: url("/assets/itry.jpg");    
background-repeat: repeat;
}



.box {
background-color:rgb(191, 146, 146);
overflow:auto;
position:absolute;
width: 1000px;
border: solid;
margin-left: 480px;
margin-top: 260px;
}

.welcomebox{
display: flex;
justify-content: center;
width: 100%;
background-color: rgba(255, 255, 255, 0);
margin-top:50px;
   
}

.hello{
border:double, 7px;
width: 470px;
font-size: larger;
background-color:#eefdcc;
margin-top: 20px;



}



.question{
position: absolute;
background-color: rgb(245, 255, 178);
width: 170px;
border:double 7px;
margin-left: 810px;
margin-top: 10px;
    
}





.buttons img {
justify-content: center;
margin-right: 5px;
margin-left: 5px;
margin-top: 5px;
float: left;
width: 80px;
height: 45px;

    
}

.buttonbox{
width: 450px;
height: 250px;
margin-left: 525px;    
margin-top: 45px    
}

.agraphic{
margin-left: 20px;
margin-top: 15px    
    
}


.p {
font-size: large;    
    
}

.h1{
font-size: large;
}

.h2{
    font-size: large;
}

.h3{
    
font-size: 160px;
    
}

.h4{
    font-size: large;
    
}

.h5{
    font-size: large;
    
}

.h6{
    font-size: large;
    
}

.h7{
    font-size: large;
    
}

.h8{
    font-size: large;
    
}

.a{
outline-color: transparent;
}

a:link{
color: #ffffffff;
text-decoration: none;

}

a:hover {
text-decoration: none;
color: rgb(198, 226, 0);    

    
}

a:visited{
color: #b69b25ff;
text-decoration: none;
    
    
    
}





.linkgo{
color:transparent

    
}


li {
font-size: 18pt;
list-style: none;  
float:left;
margin-right:70px;    
}
 

li:hover{
color:#314383ff; 
}



.logo {
position:sticky;    
display:flex;
justify-content: center;
margin-bottom: -190px

    
}


.main {    
color: #000000;
position: absolute;
margin-left: 320px;
font-size: 28px;

    
}

.articles {
background-color: rgba(72, 10, 1, 0.28);
width:480px;
height: 290px; 
overflow-y: scroll;
border: solid; 
color: rgb(255, 255, 255);    
font-size: 25px;    
position: absolute;
margin-top: 390px;    
margin-left: 497px;    

}

.menu {
display: flex;
position:absolute;
width:1000px;
margin-top: 160px;
margin-left: 483px;
justify-content: center;
}


.crossword{
margin-top: 350px;
margin-left: 15px;
margin-bottom: 20px;
    




}