<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    font-family: Oswald, sans-serif;
   
}
section {
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgba(0, 0,0, 0.25);
    letter-spacing: 1px;
    scroll-snap-align: start;
}
.container {
    scroll-snap-type: y mandatory;
    overflow-y: scroll;
    height: 100vh;
}
.one{
    /* background-color:#fdfbfc;
    background:repeating-linear-gradient(0.05turn,transparent, #ebdcd5 17px),
    repeating-linear-gradient(0.15turn,transparent, #fdfbfc 14px),
    repeating-linear-gradient(0.45turn,transparent,#ebdcd5 15px); */
    background: repeating-linear-gradient(0.0turn,#eceaeb ,#faf5f8 6px );
}
.two{          
    background-color:#ffff;
    background:repeating-linear-gradient(0.0turn,#eceaeb ,#faf5f8 6px );
}
.three{
 /* background:#ecdca9 ;  */
 background: repeating-linear-gradient(0.0turn,#eceaeb ,#faf5f8 6px );
}
.four{
 background:
      repeating-linear-gradient(0.0turn,#eceaeb ,#faf5f8 6px );
 
}
.five{
    background:
       repeating-linear-gradient(0.0turn,#eceaeb ,#faf5f8 6px );
    
 }
 .six{
    /* background-color:#fdfbfc;
    background:repeating-linear-gradient(0.05turn,transparent, #ebdcd5 17px),
    repeating-linear-gradient(0.15turn,transparent, #fdfbfc 14px),
    repeating-linear-gradient(0.45turn,transparent,#ebdcd5 15px); */
    background: repeating-linear-gradient(0.0turn,#eceaeb ,#faf5f8 6px );
}
.seven{
    /* background-color:#fdfbfc;
    background:repeating-linear-gradient(0.05turn,transparent, #ebdcd5 17px),
    repeating-linear-gradient(0.15turn,transparent, #fdfbfc 14px),
    repeating-linear-gradient(0.45turn,transparent,#ebdcd5 15px); */
    background: repeating-linear-gradient(0.0turn,#eceaeb ,#faf5f8 6px );
}
.eight{
    /* background-color:#fdfbfc;
    background:repeating-linear-gradient(0.05turn,transparent, #ebdcd5 17px),
    repeating-linear-gradient(0.15turn,transparent, #fdfbfc 14px),
    repeating-linear-gradient(0.45turn,transparent,#ebdcd5 15px); */
    background: repeating-linear-gradient(0.0turn,#eceaeb ,#faf5f8 6px );
}
.nine{
    /* background-color:#fdfbfc;
    background:repeating-linear-gradient(0.05turn,transparent, #ebdcd5 17px),
    repeating-linear-gradient(0.15turn,transparent, #fdfbfc 14px),
    repeating-linear-gradient(0.45turn,transparent,#ebdcd5 15px); */
    background: repeating-linear-gradient(0.0turn,#eceaeb ,#faf5f8 6px );
}
.ten{
    /* background-color:#fdfbfc;
    background:repeating-linear-gradient(0.05turn,transparent, #ebdcd5 17px),
    repeating-linear-gradient(0.15turn,transparent, #fdfbfc 14px),
    repeating-linear-gradient(0.45turn,transparent,#ebdcd5 15px); */
    background: repeating-linear-gradient(0.0turn,#eceaeb ,#faf5f8 6px );
}
.eleven{
    /* background-color:#fdfbfc;
    background:repeating-linear-gradient(0.05turn,transparent, #ebdcd5 17px),
    repeating-linear-gradient(0.15turn,transparent, #fdfbfc 14px),
    repeating-linear-gradient(0.45turn,transparent,#ebdcd5 15px); */
    background: repeating-linear-gradient(0.0turn,#eceaeb ,#faf5f8 6px );
}
.twelve{
    /* background-color:#fdfbfc;
    background:repeating-linear-gradient(0.05turn,transparent, #ebdcd5 17px),
    repeating-linear-gradient(0.15turn,transparent, #fdfbfc 14px),
    repeating-linear-gradient(0.45turn,transparent,#ebdcd5 15px); */
    background: repeating-linear-gradient(0.0turn,#eceaeb ,#faf5f8 6px );
}
.thirteen{
    /* background-color:#fdfbfc;
    background:repeating-linear-gradient(0.05turn,transparent, #ebdcd5 17px),
    repeating-linear-gradient(0.15turn,transparent, #fdfbfc 14px),
    repeating-linear-gradient(0.45turn,transparent,#ebdcd5 15px); */
    background: repeating-linear-gradient(0.0turn,#eceaeb ,#faf5f8 6px );
}
.fourteen{
    /* background-color:#fdfbfc;
    background:repeating-linear-gradient(0.05turn,transparent, #ebdcd5 17px),
    repeating-linear-gradient(0.15turn,transparent, #fdfbfc 14px),
    repeating-linear-gradient(0.45turn,transparent,#ebdcd5 15px); */
    background: repeating-linear-gradient(0.0turn,#eceaeb ,#faf5f8 6px );
}
.fifteen{
    /* background-color:#fdfbfc;
    background:repeating-linear-gradient(0.05turn,transparent, #ebdcd5 17px),
    repeating-linear-gradient(0.15turn,transparent, #fdfbfc 14px),
    repeating-linear-gradient(0.45turn,transparent,#ebdcd5 15px); */
    background: repeating-linear-gradient(0.0turn,#eceaeb ,#faf5f8 6px );
}
.sixteen{
    /* background-color:#fdfbfc;
    background:repeating-linear-gradient(0.05turn,transparent, #ebdcd5 17px),
    repeating-linear-gradient(0.15turn,transparent, #fdfbfc 14px),
    repeating-linear-gradient(0.45turn,transparent,#ebdcd5 15px); */
    background: repeating-linear-gradient(0.0turn,#eceaeb ,#faf5f8 6px );
}
.seventeen{
    /* background-color:#fdfbfc;
    background:repeating-linear-gradient(0.05turn,transparent, #ebdcd5 17px),
    repeating-linear-gradient(0.15turn,transparent, #fdfbfc 14px),
    repeating-linear-gradient(0.45turn,transparent,#ebdcd5 15px); */
    background: repeating-linear-gradient(0.0turn,#eceaeb ,#faf5f8 6px );
}
.eighteen{
    /* background-color:#fdfbfc;
    background:repeating-linear-gradient(0.05turn,transparent, #ebdcd5 17px),
    repeating-linear-gradient(0.15turn,transparent, #fdfbfc 14px),
    repeating-linear-gradient(0.45turn,transparent,#ebdcd5 15px); */
    background: repeating-linear-gradient(0.0turn,#eceaeb ,#faf5f8 6px );
}
 p {
    font-family: Karla, serif;
    font-size: 100%; 
    /* max-width: 300px; */
    margin:10px;
    padding:20px;
    background: #fdfbfc;
}
ul {
    list-style-type: none;
}</pre></body></html>