@font-face {
    font-family: "NDSBIOS";
    src: url("fonts/NDSBIOS.ttf"); /* imports NDSBIOS font */
}

@font-face {
    font-family: "winxp";
    src: url("fonts/winxp.otf"); /* imports winxp font */
   
}



.center { /* style for centering of nav bar */

display: block;
margin-left: auto;
margin-right: auto;
width: 50%;

}

.navbar { /* actual style of navbar */
width: 40%;
margin: auto;
text-align: center;
background-color: #6666cc;  /* 6666cc   4999ff  330099 */
padding: 10px;
border: 3px solid #330099;
font-family: "NDSBIOS";
font-size: 30px;

}


.pmain  /* the main style of all <p> tags */

{

    color: white; font-family: NDSBIOS; font-size: 25px; margin-top: 10px; padding-left: 35px;
    overflow: auto;
}


.pxp{

color: black; font-size: 20px; font-family: "winxp";
 overflow: auto;

}

.pxpli{

color: black; font-size: 20px; font-family: "winxp";
margin-bottom: 10px;
 overflow: auto;
}


.aboutme { /* the layout of my grid */

display: grid;
grid-template-columns: 100px 100px 100px 100px 100px 100px 100px 100px;
grid-template-rows: 100px 100px 100px 100px 100px 100px 100px 100px;
gap: 25px;
justify-content: center;


}

.item-1 { /* the div for my big paragraph */


grid-row: 2 / 5;
grid-column: 2 / 8;
background-color: #ece9d8;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
overflow: auto;
}

.item-2 { /* the div for my left small paragraph */
grid-row: 5/8;
grid-column: 2 / 5;
background-color: #ece9d8;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
overflow: auto;
}

.item-3 { /* the div for my right small paragraph */
grid-row: 5/8;
grid-column: 5/8;
background-color: #ece9d8;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
overflow: auto;
}

 .center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

 .center .img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  
}