body {
background-image: url('https://dl.glitter-graphics.com/pub/2876/2876358nicn50e423.gif');
background-attachment: fixed;
background-repeat: repeat;

cursor: url("https://cur.cursors-4u.net/holidays/images1/hol60.gif"), auto;
}

.container {
            width: 70rem;
            height: 82rem;
            background: url("https://i.pinimg.com/1200x/92/94/ff/9294ff6824c3d57de4c482d9dbfdb685.jpg");
            border: 3px solid #7a46b3;
            border-radius: 10px;
            display: grid;
            grid-template-areas: 
                "header header header"
                "aboutme main nav"
                "aboutme main2 nav"
                 "footer footer footer";
            grid-template-columns: 0.6fr 1.4fr 0.6fr;
            grid-template-rows: 1fr 0.7fr 1.6fr 0.5fr 1fr 0.3fr 0fr;
            gap: 10px;
            padding: 10px;
            margin: 10px auto;
        }

.header {
  grid-area: header;
  position: relative;
  border: 3px solid #babc5f;
  overflow: hidden;
  border-radius: 5px;
  background: url("https://i.pinimg.com/736x/f5/0e/b9/f50eb91f27760a11bc75ae9348253aa0.jpg");
  background-attachment: fixed;
  background-size: cover;
  }

.aboutme {
    grid-area: aboutme;
            background-color: #679838;
            border: 3px solid #babc5f;
            border-radius: 5px;
            padding: 10px;
            display: flex;
            flex-direction: column;
            gap: 10px;
            margin-top: 1px;
            height: fit-content;
            grid-template-areas: 
            "pfp"
            "content";
            grid-template-columns:20px;
            grid-template-rows:50px;
           } 
.pfp {
   grid-area:pfp;
            background-color: #679838;
            border: 2px solid #babc5f;
          background-image: url("https://i2.glitter-graphics.org/pub/1036/1036062zzm4qsfwng.jpg");
            border-radius: 5px;
            padding: 1px;
}
.content { 
  background-color: #679838;
            border: 2px solid #babc5f;
            border-radius: 5px;
            padding: 10px;
}

.main {
   grid-area: main;
            background-color: #679838;
            border: 3px solid #babc5f;
            border-radius: 5px;
            padding: 10px;
            align-content: center;
            text-align: center;
            color: #ff93c7;
            font-family: "";
}

.main2 {
    grid-area: main2;
            background-color: #679838;
            border: 3px solid #babc5f;
            border-radius: 5px;
            padding: 10px;
            align-content: center;
            text-align: center;
            color: #945b38;
            font-family: "";
            margin-top: -3px;
  }

.nav{
         grid-area: nav;
           background-color: #679838;
            border: 3px solid #babc5f;
            border-radius: 5px;
            padding: 10px;
            display:flex;
            align-items: center;
            flex-direction: column;
            gap: 32px;
            color: #ff85c0;
  
  }