div.divImportantThesis 
  {
  border-color: red;
  }
  
.codeBeauty
  {
  background: url("beauty3.png") no-repeat top right;
  }
.codeUgly
  {
  background: url("ugly.png") no-repeat top right;
  }

.spnCorrect
  {
  color: green;
  }
.spnIncorrect
  {
  color: red;
  }

#olUglyTechniquesList li
  {
  margin-bottom: 0.1em;
  }
  #olUglyTechniquesList li p
    {
    margin: 0px;
    }
    
#olUglyTechniquesList li a
  {
  color: inherit;
  text-decoration: none;
  }
#olUglyTechniquesList li a[href]:hover
  {
  color: #008afb;
  }

  
#imgBeautySymbol
  {
  margin-bottom: -20px;
  padding-right: 30px;
  position: relative;
  top: -10px
  }
  
#divAbsenceOfElseifThesis, #divParallelArraysThesis, #divArrayLengthInSeparateVariableThesis
  {
  margin-bottom: 30px;
  }
  
#codeFuncResultsViaStruct, #codeParallelArraysDeclaration, #codeParamNameless2, #codeFunctionalPatternMatching
  {
  padding-top: 20px;  margin-top: -20px;
  }
#codeFuncResultViaMultidimArray, #codeFuncResultViaPointer, #codeFuncResultViaStruct, #codeFuncResultsViaPointer,
#codeParallelArraysPrinting, #codeParallelArraysAsFuncArgument, #codeParallelArraysHierarchy, #codeIncorrectMultidimArrayAsFuncArgument, #codeIncorrectMultidimArrayHierarchy, #codeCorrectMultidimArrayAsFuncArgument,
#codeArrayLengthInSeparateVariableAsFuncArgument, #codeArrayLengthInPropertyAsFuncArgument, #codeArrayLengthInTempVariableUsing,
#codeCorrectReedAndWrite, #codeIncorrectReedAndWrite, #codeCorrectIncrement, #codeIncorrectIncrement,
#codeFunctionalIterative
  {
  padding-top: 50px;  margin-top: -50px;
  overflow: hidden;
  }
#codeParallelArraysHierarchy, #codeIncorrectMultidimArrayHierarchy, #codeCorrectIncrement, #codeParamNameless2, #codeFunctionalIterative
  {padding-bottom: 50px;  margin-bottom: -50px;}

#codeFuncResultViaPointer, #codeFuncResultViaStruct, #codeFuncResultsViaPointer, #codeParallelArraysAsFuncArgument,
#codeIncorrectMultidimArrayAsFuncArgument, #codeArrayLengthInSeparateVariableAsFuncArgument,
#codeCorrectReedAndWrite, #codeIncorrectReedAndWrite, #codeCorrectIncrement, #codeIncorrectIncrement
  {
  position: relative;
  z-index: 10;
  }


#quotSsReference
  {
  margin-left: 0px;
  font-style: normal;
  }
#quotSsReference pre
  {
  padding-bottom: 0px;
  letter-spacing: 0.1em;
  color: Darkslategray;
  }
  
.spnRedBag
  {
  color: red;
  }
.spnBlueBag
  {
  color: blue;
  }

#divArrayAndArrayLength, #divLeadersAndKhrushchevAndFirstName
  {
  background-position: 98% 80%;
  }
#codeLeaders
  {
  position: relative; left: 0em;
  }
.spnLeaders
  {
  color: green;
  }
#codeKhrushchev
  {
  position: relative;
  left: 2.75em;
  }
.spnKhrushchev
  {
  color: blue;
  position: relative; left: -0.3em;
  }
#codeFirstName
  {
  position: relative;
  left: 4.65em;
  }
.spnFirstName
  {
  color: deeppink;
  position: relative; left: -1em;
  }
  
code .spnArray
  {
  color: green;
  }
code .spnArrayLength
  {
  color: blue;
  }
code#codeArray
  {
  margin-left: 1.38em;
  }