HTML body tag
* {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
margin: 0;
padding: 0;
}
@import url('https://fonts.googleapis.com/css?family=PT+Sans');
@import url('https://fonts.googleapis.com/css?family=PT+Serif');
/* CSS Main page */
DOCTYPE {
position: relative; left: 5px; right: 5px; bottom :5px; top : 5 px;
margin: 5px; 5px; 5px; 5px;
padding: 5px; 5px; 5px; 5px;
width: auto; height: auto ;
background : #F3F8FF; color: blue ;
/* Other styles same as .left */
background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhITmxoK0nmm4zYmGcrgDqcIluG7ALWuNwnjg-6cM6uPvTPlzH-AwLBTUGMeg9hltCsIXMivWX7GcrYXuhr_12WkoI-A1iH6Jln38yBhUTGQ7VIaG1FIKITVUGwm3YvcaDFgyvqsL27DqOM/s1600/IMG_ORG_1602348346263.jpeg');
background-repeat: repeat;
background-size: cover;
background-attachment: local;
background-position: center;
background-origin: border-box;
background-clip: border-box;
overflow: scroll;
display: block;
border-width: 1px;
border-style: solid;
border-color: blue;
border-image: initial;
font-weight: normal;font-size: 24px;
font-family: 'Helvetica', 'Arial';
font-family: 'PT Sans', 'Helvetica', 'Arial';
/* initial fonts */
font-family: 'PT Serif', 'Helvetica', 'Arial'; }
Html {
position: relative;
left: 5px; right: 5px; bottom :5px; top : 5 px;
margin: 5px; 5px; 5px; 5px;
padding: 5px; 5px; 5px; 5px;
width: auto; height: auto ;
background : #CC98F8; color: #F1F1F1;
background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhITmxoK0nmm4zYmGcrgDqcIluG7ALWuNwnjg-6cM6uPvTPlzH-AwLBTUGMeg9hltCsIXMivWX7GcrYXuhr_12WkoI-A1iH6Jln38yBhUTGQ7VIaG1FIKITVUGwm3YvcaDFgyvqsL27DqOM/s1600/IMG_ORG_1602348346263.jpeg');
/* Other styles same as .left */
background-repeat: repeat;
background-size: cover;
background-attachment: local;
background-position: center;
background-origin: border-box;
background-clip: border-box;
overflow: scroll;
display: inline;
border-width: 1px;
border-style: solid;
border-color: blue;
border-image: initial;
font-weight: normal;font-size: 24px;
font-family: 'Helvetica', 'Arial';
font-family: 'PT Sans', 'Helvetica', 'Arial';
/* initial fonts */
font-family: 'PT Serif', 'Helvetica', 'Arial';
}
html:focus { outline: none;}
Index {
position: relative; left: 5px; right: 5px; bottom :5px; top : 5 px;
margin: 5px; 5px; 5px; 5px;
padding: 5px; 5px; 5px; 5px;
width: auto; height: auto ;
background : #F3F8FF; color: blue ;
/* Other styles same as .left */
background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6HhpIzgNz6M2guSx9utWLl0TOftBdOx_Omhi8Bx-Ched8b_viMLcD0DD2EEHEWxqif9o5_Bha6zK_MhPXtuHHQc4mMamPOjfQCjuGei8yK2kDI0h0WeugzhJv_BG3-whciQHKXL46yjk/s1600/IMG_ORG_1617433682121.jpeg');
background-repeat: repeat;
background-size: cover;
background-attachment: local;
background-position: center;
background-origin: border-box;
background-clip: border-box;
overflow: scroll;
display: block;
border-width: 1px;
border-style: solid;
border-color: blue;
border-image: initial;
font-weight: normal;font-size: 24px;
font-family: 'Helvetica', 'Arial';
font-family: 'PT Sans', 'Helvetica', 'Arial';
/* initial fonts */
font-family: 'PT Serif', 'Helvetica', 'Arial'; }
Head {
position: relative; left: 5px; right: 5px; bottom :5px; top : 5 px;
margin: 5px; 5px; 5px; 5px;
padding: 5px; 5px; 5px; 5px;
width: auto; height: auto ;
background : #F3F8FF; color: blue ;
/* Other styles same as .left */
background-image: url(' ');
background-repeat: repeat;
background-size: cover;
background-attachment: local;
background-position: center;
background-origin: border-box;
background-clip: border-box;
overflow: scroll;
display: inline-block;
border-width: 1px;
border-style: solid;
border-color: blue;
border-image: initial;
font-weight: normal;font-size: 24px;
font-family: 'Helvetica', 'Arial';
font-family: 'PT Sans', 'Helvetica', 'Arial';
/* initial fonts */
font-family: 'PT Serif', 'Helvetica', 'Arial';
}
Base {
position: relative; left: 5px; right: 5px; bottom :5px; top : 5 px;
margin: 5px; 5px; 5px; 5px;
padding: 5px; 5px; 5px; 5px;
width: auto; height: auto ;
background : #F3F8FF; color: blue ;
/* Other styles same as .left */
background-image: url(' ');
background-repeat: repeat;
background-size: cover;
background-attachment: local;
background-position: center;
background-origin: border-box;
background-clip: border-box;
overflow: scroll;
display: inline-block;
border-width: 1px;
border-style: solid;
border-color: blue;
border-image: initial;
font-weight: normal;font-size: 24px;
font-family: 'Helvetica', 'Arial';
font-family: 'PT Sans', 'Helvetica', 'Arial';
/* initial fonts */
font-family: 'PT Serif', 'Helvetica', 'Arial';
}
Link {
position: relative; left: 5px; right: 5px; bottom :5px; top : 5 px;
margin: 5px; 5px; 5px; 5px;
padding: 5px; 5px; 5px; 5px;
width: auto; height: auto ;
background : #F3F8FF; color: blue ;
/* Other styles same as .left */
background-image: url(' ');
background-repeat: repeat;
background-size: cover;
background-attachment: local;
background-position: center;
background-origin: border-box;
background-clip: border-box;
overflow: scroll;
display: inline-block;
border-width: 1px;
border-style: solid;
border-color: blue;
border-image: initial;
font-weight: normal;font-size: 24px;
font-family: 'Helvetica', 'Arial';
font-family: 'PT Sans', 'Helvetica', 'Arial';
/* initial fonts */
font-family: 'PT Serif', 'Helvetica', 'Arial';
}
Title {
position: relative; left: 5px; right: 5px; bottom :5px; top : 5 px;
margin: 5px; 5px; 5px; 5px;
padding: 5px; 5px; 5px; 5px;
width: auto; height: auto ;
background : #F3F8FF; color: blue ;
/* Other styles same as .left */
background-image: url(' ');
background-repeat: repeat;
background-size: cover;
background-attachment: local;
background-position: center;
background-origin: border-box;
background-clip: border-box;
overflow: scroll;
display: inline-block;
border-width: 1px;
border-style: solid;
border-color: blue;
border-image: initial;
font-weight: normal;font-size: 24px;
font-family: 'Helvetica', 'Arial';
font-family: 'PT Sans', 'Helvetica', 'Arial';
/* initial fonts */
font-family: 'PT Serif', 'Helvetica', 'Arial';
}
Meta {
position: relative; left: 5px; right: 5px; bottom :5px; top : 5 px;
margin: 5px; 5px; 5px; 5px;
padding: 5px; 5px; 5px; 5px;
width: auto; height: auto ;
background : #F3F8FF; color: blue ;
/* Other styles same as .left */
background-image: url(' ');
background-repeat: repeat;
background-size: cover;
background-attachment: local;
background-position: center;
background-origin: border-box;
background-clip: border-box;
overflow: scroll;
display: inline-block;
border-width: 1px;
border-style: solid;
border-color: blue;
border-image: initial;
font-weight: normal;font-size: 24px;
font-family: 'Helvetica', 'Arial';
font-family: 'PT Sans', 'Helvetica', 'Arial';
/* initial fonts */
font-family: 'PT Serif', 'Helvetica', 'Arial';
}
/* CSS goes here, at the top of the page */
.red{
color: red;
}
.thick{
font-size:20px;
}
.green{
color:green;
}
The content of the document......
