* { 
  margin:0;
  padding:0;
  border-width:0px;
  }

html {
  overflow-x: hidden;
  margin-right: calc(-1 * (100vw - 100%));
}

a {
  color: blue;
  text-decoration:none;
  }

a:hover {
  color: red;
  text-decoration:underline;
  }

::-moz-selection { background: #cf1838; color: #fff; text-shadow: none; }
::selection { background: #cf1838; color: #fff; text-shadow: none; }
[draggable] {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  /* Required to make elements draggable in old WebKit */
  -khtml-user-drag: element;
  -webkit-user-drag: element;
  }

body {
  background-color:#ffffff;
  }

body, p, td, li {
  color: black;
  /*font-family: sans-serif, verdana;
  font-size:17px;*/
  font: 400 19px/1.5 ProximaNova,Helvetica,sans-serif;
  }

p {
  line-height:1.5;
  margin:10px;
  padding:10px;
  /*text-align:justify;*/
  }

h1 {
  margin:10px;
  padding:10px;
  margin-top:100px;
  }

h2 {
  margin:10px;
  padding:10px;
  }



table {
  margin:20px;
  border-collapse: collapse;
  }
table caption {
  text-align:left;
  padding-bottom:10px;
  font-weight:bold;
  }
thead {
  background-color: #dadada;
  }
thead td {
  text-align:center;
  vertical-align: middle;
  }
td {
  border: 1px solid gray;
  padding:6px;
  vertical-align: top;
  }
.tbl_vc {
  writing-mode: vertical-lr;
  }
.tbl_check {
  background-color: #dadada;
  text-align:center;
  vertical-align: middle;
  font-weight:bold;
  font-size:20px;
  }




ul, ol {
  margin:10px;

  /*border: 1px solid red;*/
  }

li {
  margin-left:50px;
  margin-bottom:10px;
  line-height:1.5;
  }

.lit_list li {
  margin-left:70px;
  color: gray;
  }

.emphasis {
  color:maroon;
  font-weight:bold;
  font-style:italic;
  }

.formula {
  text-align:center;
  font-family: consolas, monospace;
  font-size:24px;
  font-weight:bold;
  color:navy;
  }
/************************************************ header **********************************************/
header {
  position:fixed;
  /*right:0px;*/
  left:20px;
  top:20px;
  z-index:100;
  background-color:rgba(201,165,203,0.7);
  border: 1px solid rgba(201,165,203,0.7);
  border-radius:50px;
  }
#back_pic {
  padding:10px;
  padding-top:15px;
  padding-bottom:5px;
  margin:10px;
  width:50px;
  }
header:hover {
  background-color: #d0f3f3;
  border: 1px solid #d0f3f3;
  }
#back_txt {
  margin:20px;
  float:right;
  }
/************************************************ main_content_box ************************************/

#main_content_box {
  padding:20px;
  /*border: 1px solid red;*/
  }

/************************************************ footer **********************************************/
footer {
  background-color:#4A356A;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  color: #FCEBE3;
  font-size:15px;
  text-shadow: 1px 1px 2px rgba(233,14,252,0.4);
  line-height:1.6;
  padding-bottom: 70px;
  }

footer a {
  color: #42B4CC;
  text-decoration:none;
  }

#portentum_logo {
  margin-left:30px;
  margin-right:30px;
  height: 50px;
  }

#right_copyright_box {
  text-align: right;
  padding:20px;
  padding-top:70px;
  margin:20px;
  /*border: 1px solid white;*/
  }
#left_copyright_box {
  text-align: left;
  padding:20px;
  margin:20px;

  /*border: 1px solid white;*/
  }