body {
    background-color:rgb(200,200,200);
    margin-left:0px;
    padding-left:3%;
    padding-right:3%;     
}

.outside{
    min-width:700px;
    max-width:1100px;
    padding:20px;
    padding-left:40px;    
    padding-bottom:50px;    
    column-count:5;
    column-width:100px;
    column-rule-style:none;
    background-color:rgb(190,190,150);    
}

.inside {
    margin: 0;
    -webkit-column-break-inside: avoid; /* Chrome, Safari */
    page-break-inside: avoid;           /* Theoretically FF 20+ */
    break-inside: avoid-column;         /* IE 11 */
    display:table;                      /* Actually FF 20+ */
}

code, pre {
    color:green;
    font-family:monospace;
    font-size: 0.9em;   
}

.yan {
    color:blue;
    font-family:sans-serif;
    font-size: 0.9em;
    margin-left:5px;
}    

h1, h2, h3, h4, h5, h6 {
    color:olive;
}

h5 {
    margin-top:20px;
    margin-bottom:2px;
}

h3 {
    margin-top:30px;
    margin-bottom:5px;
}

p {
    margin-top:2px;
    margin-bottom:2px;
}

a {
    color:olive;
    text-decoration:none;
    font-size: 0.9em; 
}

h2 a {
    color:olive;
    text-decoration:none;
    font-size: 1em; 
}

a:hover, .butlink:hover {
    color:green;
}

.butlink {
     text-decoration: none;
     cursor: pointer;
     color:#292900;
}

.uzun {
    width:95%;
    border:2px solid green;
    font-size: 0.8em;
    color:darkorange;    
}

hr {
    width:97%;
    border:1px dashed orange;
    color:brown;
    margin-left:0;
    margin-top:20px;
    margin-bottom:20px;
}