/** {
	box-sizing: border-box;
}*/
html {
	font-family: "Times New Roman", Times, serif;
	}
body {
	background-color: black;
	color:white:
	}

a {
color: yellow;
text-decoration:underline;}

a:visited {
color: red;
}
.pwysig {
color: yellow;
text-decoration:underline;
font-size:28px;}
s {
font-size:27px;
font-weight:600;
color:red;}

.llai{
font-size:small;
color: #ffffd0;
}

.pumtheg {
font-size:32px;
color: cyan;
text-decoration:none;
}

b {
font-size:1.5rem;
font-weight:800;
color:yellow;
}

h3 {
font-size: 1.5rem;
font-weight: 700;
color:orange;}

td {
font-size: 1.3rem;
font-weight: 700;
color:orange;
padding:10px;
	}

/*.container{
  position:relative;
}
.element{
  position:absolute;
  top: 0; bottom: 0; left: 0; right: 0;
  margin: auto;
  height: 20px; 
}
for this to work apparently requires explicit height*/

#container {
position:relative;
max-width: 500px;
margin: auto;
padding: 10px;
	}

/*RHAID NEWID I RHOID GROES FAWR*/
#anghywirRhan {
position: absolute;
visibility: hidden;


}

#cywirRhan {
position: absolute;
visibility: hidden;
height: 100%;
}

#disgwylRhan {
position: absolute;
visibility: visible;
left: 228;
top: 192;
color:white;
}

#leinRhan {
position: absolute;
visibility: hidden;
font-size:80px;
color: red;
}






#dechrau3Rhan {
position: absolute;
visibility: hidden;

font-size:80px;
font-weight:800;
color:cyan;
}
#dechrau4Rhan {
position: absolute;
visibility: hidden;
font-size:35px;
font-weight:800;
color:cyan;
padding-left:2rem;
}
#dechrau5Rhan {
position: absolute;
visibility: hidden;
font-size:2rem;
font-weight:800;
color:white;
padding:15px;
}

#duchwRhan {
position: absolute;
font-size:1.2rem;
visibility: hidden;
color:white;}


#drosoddRhan {
position: absolute;
visibility: hidden;
color:black;
background-color: black;

}

#llun2Rhan {
position: absolute;
visibility: hidden;
font-weight: 400;
font-family: arial;
font-size: 1.2rem;
color: white;
}
#llunRhan {
position: absolute;
visibility: hidden;
font-weight: 400;
font-family: arial;
font-size: 1.2rem;
color: white;
}
#sut3Rhan {
position: absolute;
visibility: hidden;
font-size:1.5rem;
font-weight:800;
color:white;

}

#tudebRhan {
position: absolute;
visibility: hidden;
font-size:2rem;
font-weight:800;
color:cyan;
padding-left:2rem;
}

#tud1Rhan {
position: absolute;
visibility: hidden;
font-size:2rem;
font-weight:800;
color:cyan;
padding:15px;
}

#tud2Rhan {
position: absolute;
visibility: hidden;
font-size:3rem;
font-weight:500;
color:cyan;
}

#tud3Rhan {
position: absolute;
visibility: hidden;
font-size:3rem;
font-weight:500;
color:cyan;
}

#tud4Rhan {
position: absolute;
visibility: hidden;
font-size:3rem;
font-weight:500;
color:cyan;
}


#tud5Rhan {
position: absolute;
visibility: hidden;
font-size:3rem;
font-weight:500;
color:cyan;
}


#tud6Rhan {
position: absolute;
visibility: hidden;
font-size:3rem;
font-weight:500;
color:cyan;}

#tud7Rhan {
position: absolute;
visibility: hidden;
font-size:3rem;
font-weight:500;
color:cyan;
}

#tud8Rhan {
position: absolute;
visibility: hidden;
font-size:3rem;
font-weight:500;
color:cyan;
}




#tud9Rhan {
position: absolute;
visibility: hidden;
font-size:3rem;
font-weight:500;
color:cyan;
}

#tud10Rhan {
position: absolute;
visibility: hidden;
font-size:3rem;
font-weight:500;
color:cyan;
}

#tud11Rhan {
position: absolute;
visibility: hidden;
font-size:3rem;
font-weight:500;
color:cyan;
}

#tud12Rhan {
position: absolute;
visibility: hidden;
font-size:2.3rem;
font-weight:500;
color:cyan;}

#tud13Rhan {
position: absolute;
visibility: hidden;
font-size:3rem;
font-weight:500;
color:cyan;}


#tud14Rhan {
position: absolute;
visibility: hidden;
font-size:3rem;
font-weight:500;
color:cyan;}




#tud15Rhan {
position: absolute;
visibility: hidden;
font-size:3rem;
font-weight:500;
color:cyan;
}

#tud16Rhan {
position: absolute;
visibility: hidden;
font-size:3rem;
font-weight:500;
color:cyan;
}



#tud17Rhan {
position: absolute;
visibility: hidden;
font-size:2.3rem;
font-weight:500;
color:cyan;}

#tud18Rhan {
position: absolute;
visibility:hidden;
font-size:3rem;
font-weight:500;
color:cyan;
}

#tud19Rhan {
position: absolute;
visibility: hidden;
font-size:2rem;
font-weight:500;
color:cyan;
}


#tud20Rhan {
position: absolute;
visibility: hidden;
font-size:1.4rem;
font-weight:800;
color:cyan;}


#tud21Rhan {
position: absolute;
visibility: hidden;
font-size:1.1rem;
font-weight:800;
color:cyan;
} 

#tud22Rhan {
position: absolute;
visibility: hidden;
font-size:22px;
font-weight:800;
color:cyan;}

#tud23Rhan {
position: absolute;
visibility: hidden;
font-size:22px;
font-weight:800;
color:cyan;
}

#tud24Rhan {
position: absolute;
visibility: hidden;
font-size:1.1rem;
font-weight:800;
color:cyan;
}

#tud25Rhan {
position: absolute;
visibility: hidden;

font-size:3rem;
font-weight:500;
color:cyan;
}

#tud26Rhan {
position: absolute;
visibility: hidden;
font-size:22px;
font-weight:800;
color:cyan;
}

#tud27Rhan {
position: absolute;
visibility: hidden;
font-size:22px;
font-weight:800;
color:cyan;
}

#tud28Rhan {
position: absolute;
visibility: hidden;
font-size:24px;
font-weight:500;
color:white;
}
#tud29Rhan {
position: absolute;
visibility: hidden;
font-size:27px;
font-weight:800;
color:white;
padding:15px;
}


#tud30Rhan {
position: absolute;
visibility: hidden;
font-size:27px;
font-weight:800;
color:white;
padding:15px;
}


#tud31Rhan {
position: absolute;
visibility: hidden;
font-size:1.6rem;
font-weight:800;
color:cyan;
} 

#tud32Rhan {
position: absolute;
visibility: hidden;
font-size:27px;
font-weight:800;
color:cyan;}

#tud33Rhan {
position: absolute;
visibility: hidden;
font-size:27px;
font-weight:800;
color:cyan;
}

#tud34Rhan {
position: absolute;
visibility: hidden;
font-size:27px;
font-weight:800;
color:cyan;
}

#tud35Rhan {
position: absolute;
visibility: hidden;
font-size:27px;
font-weight:800;
color:cyan;
}

#tud36Rhan {
position: absolute;
visibility: hidden;
font-size:27px;
font-weight:800;
color:cyan;
}

#tud37Rhan {
position: absolute;
visibility: hidden;
font-size:2rem;
font-weight:800;
color:white;
padding:15px;}

#tud38Rhan {
position: absolute;
visibility: hidden;
font-size:52px;
font-weight:500;
color:yellow;
}

@media screen and (min- 601px) {
  div {
    font-size: 100%;
  }
}

@media screen and (max- 600px) {
  div.example {
    font-size: 50%;
  }
}