.akaya-telivigala-regular {
  font-family: "Akaya Telivigala", system-ui;
  font-weight: 400;
  font-style: normal;
}

.rakkas-regular {
  font-family: "Rakkas", serif;
  font-weight: 200;
  font-style: normal;
}


.reallybig {
background-color:#F2E18F;
margin:30px;
display:flex;
}

p {
  font-family:"Akaya Telivigala", system-ui;
  color:#F2E18F;
}

.meep {
  font-family:"Akaya Telivigala", system-ui;
  color:#F2E18F;
}

h3 {
  font-family:"Rakkas", serif;
  color:#F2E18F;
  
}
  
h4 {
  font-family:"Rakkas", serif;
  color:#F2E18F;
}

body {
 line-height:1.4;
  background-color:#F2E18F;
}
.row1 {
  flex:33%;
  width:370px;
}

.reading {
  color:yellow;
  padding:20px;
  background-color:#202F80;
  height:200px;
  overflow:auto;
}




.time {
  background-color:#F2E18F;
  color:#202F80;
  height:30px;
  padding:14px;
  text-decoration:none;
  font-family:"Akaya Telivigala", system-ui;
  
}
  

.music {
  padding:20px;
  color:red;
  height: 170px;
  background-color:#202F80;
  margin-top:20px;
}

.read {
  height:170px;
  padding:20px;
  background-color:#202F80;
  margin-top:20px;
  overflow:auto;
}

.rambling {
  height:660px;
   background-color:#202F80;
   overflow:auto;
   flex:33%;
   margin-left:20px;
   padding:20px;
}

.right {
  flex:33%;
  margin-left:20px;
   text-align:right;
}

.welcome {
  height:220px;
  text-align:right;
  overflow:auto;
  padding-right:20px;
  
}

.hi {
  color:#202F80;
  font-size:60px;
  font-family:"Rakkas", serif;
}
  
.working {
height: 420px;
background-color:#202F80;
margin-top:20px;
padding:20px;
}

.special {
  color:#202F80;
  font-family:"Akaya Telivigala", system-ui;
}