@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
* {
    box-sizing: border-box;
}
html, body {
    width: 100%;
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
}
body {
    background: linear-gradient(rgba(51, 51, 51, .75), rgba(51, 51, 51, .75)), url(../../images/0001.jpg) no-repeat;
    background-size: cover;
    font: normal 14px/20px 'Roboto', sans-serif;
    background-attachment: fixed;
    height: auto;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}
header,
main,
footer {
    width: 750px;
    padding: 0 60px;
    background-color: rgba(45, 58, 75, .75);
    position: relative;
    margin: 0 auto 0 auto;
}
main {
    height: 100%;
    flex: 1 0 auto;
    padding-top: 32px;
    padding-bottom: 16px;
}
footer em {
    display: inline-block;
    text-align: justify;
}
h1 {
    margin: 0;
    margin-bottom: 0.67em;
    line-height: 1.1
}
p {
    margin: 0;
    padding: 0;
}
a {
    color: #008aa8;
}
a:hover {
    text-decoration: underline;
    color: #00ccff;
}
.main-content h1 {
    font-size: 32px;
    font-weight: 700;
}
.main-content .main-heading h1 {
    padding-top: 64px;
    text-transform: uppercase;
    color: #c4c4c4;
    font-weight: 300;
    display: flex;
    align-items: baseline;
    font-weight: 300;

}
.main-content .main-heading h1 em {
    margin-right: 20px;
    font-size: 80px;
    font-style: normal;
    font-weight: 800;
}
.main-content .main-box-content {
    margin-top: 45px;
    background-color: #455871;
    position: relative;
    right: -100px;
    padding: 30px;
    display: flex;
    justify-content: space-between;
    gap: 30px;
}
.row {
    margin-right: -15px;
    margin-left: -15px;
}
.main-content .left-text {
    width: 60%;
    color: #c4c4c4;
}
.main-content .left-text p {
    line-height: 26px;
}
.main-content .left-text span {
    margin-left: 24px;
    display: block;
    text-align: left;
}
.main-content .left-text span::before {
    content: '\2714';
    margin-left: -16px;
    margin-right: 4px;
    color: #008aa8;
}
.main-content .left-text h4 {
    display: inline-block;
    padding-bottom: 5px;
    font-size: 22px;
    color: #c4c4c4;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 0px;
    margin-bottom: 10px;
    border-bottom: 2px solid #c4c4c4;
}
.main-content .left-text h4 em {
    color: #008aa8;
    font-style: normal;
}
.main-content .face-image {
    width: 195px;
    height: 195px;
}
.main-content .face-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    overflow: hidden;
    border-radius: 100%;
}
.copy {
    text-align: center;
    color: #008aa8;
    font-size: 10px;
    line-height: 20px;
    padding-top: 20px;
}
.github::before {
    content: '';
    background: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20aria-hidden%3D%22true%22%20height%3D%2224%22%20viewBox%3D%220%200%2016%2016%22%20version%3D%221.1%22%20width%3D%2224%22%20data-view-component%3D%22true%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23008aa8%22%20fill-rule%3D%22evenodd%22%20d%3D%22M8%200C3.58%200%200%203.58%200%208c0%203.54%202.29%206.53%205.47%207.59.4.07.55-.17.55-.38%200-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01%201.08.58%201.23.82.72%201.21%201.87.87%202.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95%200-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12%200%200%20.67-.21%202.2.82.64-.18%201.32-.27%202-.27.68%200%201.36.09%202%20.27%201.53-1.04%202.2-.82%202.2-.82.44%201.1.16%201.92.08%202.12.51.56.82%201.27.82%202.15%200%203.07-1.87%203.75-3.65%203.95.29.25.54.73.54%201.48%200%201.07-.01%201.93-.01%202.2%200%20.21.15.46.55.38A8.013%208.013%200%200016%208c0-4.42-3.58-8-8-8z%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E") no-repeat center center;
    background-size: contain;
    padding-left: 30px;
}
.github:hover::before {
    background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20aria-hidden%3D%22true%22%20height%3D%2224%22%20viewBox%3D%220%200%2016%2016%22%20version%3D%221.1%22%20width%3D%2224%22%20data-view-component%3D%22true%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%2300ccff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M8%200C3.58%200%200%203.58%200%208c0%203.54%202.29%206.53%205.47%207.59.4.07.55-.17.55-.38%200-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01%201.08.58%201.23.82.72%201.21%201.87.87%202.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95%200-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12%200%200%20.67-.21%202.2.82.64-.18%201.32-.27%202-.27.68%200%201.36.09%202%20.27%201.53-1.04%202.2-.82%202.2-.82.44%201.1.16%201.92.08%202.12.51.56.82%201.27.82%202.15%200%203.07-1.87%203.75-3.65%203.95.29.25.54.73.54%201.48%200%201.07-.01%201.93-.01%202.2%200%20.21.15.46.55.38A8.013%208.013%200%200016%208c0-4.42-3.58-8-8-8z%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E");
}
.telegram::before {
    content: '';
    background: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20version%3D%221.1%22%3E%0A%3Cg%20id%3D%22surface1%22%3E%0A%3Cpath%20style%3D%22%20stroke%3Anone%3Bfill-rule%3Aevenodd%3Bfill%3Argb%280%25%2C54.117647%25%2C65.882353%25%29%3Bfill-opacity%3A1%3B%22%20d%3D%22M%2024.011719%2012.003906%20C%2024.011719%2018.636719%2018.636719%2024.011719%2012.003906%2024.011719%20C%205.375%2024.011719%200%2018.636719%200%2012.003906%20C%200%205.375%205.375%200%2012.003906%200%20C%2018.636719%200%2024.011719%205.375%2024.011719%2012.003906%20Z%20M%2024.011719%2012.003906%20%22%2F%3E%0A%3Cpath%20style%3D%22%20stroke%3Anone%3Bfill-rule%3Aevenodd%3Bfill%3Argb%2896%25%2C96%25%2C96%25%29%3Bfill-opacity%3A1%3B%22%20d%3D%22M%205.429688%2011.875%20C%208.925781%2010.355469%2011.253906%209.347656%2012.425781%208.855469%20C%2015.753906%207.46875%2016.453125%207.226562%2016.902344%207.21875%20C%2017.003906%207.21875%2017.222656%207.238281%2017.371094%207.355469%20C%2017.492188%207.457031%2017.523438%207.585938%2017.542969%207.6875%20C%2017.5625%207.785156%2017.582031%207.996094%2017.5625%208.15625%20C%2017.382812%2010.054688%2016.601562%2014.664062%2016.203125%2016.78125%20C%2016.035156%2017.683594%2015.703125%2017.984375%2015.382812%2018.011719%20C%2014.683594%2018.074219%2014.152344%2017.550781%2013.484375%2017.113281%20C%2012.425781%2016.421875%2011.835938%2015.992188%2010.804688%2015.3125%20C%209.617188%2014.535156%2010.386719%2014.105469%2011.066406%2013.40625%20C%2011.246094%2013.222656%2014.3125%2010.425781%2014.375%2010.175781%20C%2014.382812%2010.144531%2014.382812%2010.027344%2014.3125%209.964844%20C%2014.242188%209.90625%2014.144531%209.925781%2014.0625%209.945312%20C%2013.953125%209.964844%2012.273438%2011.085938%209.007812%2013.292969%20C%208.527344%2013.625%208.097656%2013.785156%207.707031%2013.773438%20C%207.277344%2013.765625%206.457031%2013.535156%205.835938%2013.335938%20C%205.085938%2013.09375%204.488281%2012.964844%204.539062%2012.542969%20C%204.566406%2012.324219%204.867188%2012.105469%205.429688%2011.875%20Z%20M%205.429688%2011.875%20%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E") no-repeat center center;
    background-size: contain;
    padding-left: 30px;
}
.telegram:hover::before {
    background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20version%3D%221.1%22%3E%0A%3Cg%20id%3D%22surface1%22%3E%0A%3Cpath%20style%3D%22%20stroke%3Anone%3Bfill-rule%3Aevenodd%3Bfill%3Argb%280%25%2C80%25%2C100%25%29%3Bfill-opacity%3A1%3B%22%20d%3D%22M%2024.011719%2012.003906%20C%2024.011719%2018.636719%2018.636719%2024.011719%2012.003906%2024.011719%20C%205.375%2024.011719%200%2018.636719%200%2012.003906%20C%200%205.375%205.375%200%2012.003906%200%20C%2018.636719%200%2024.011719%205.375%2024.011719%2012.003906%20Z%20M%2024.011719%2012.003906%20%22%2F%3E%0A%3Cpath%20style%3D%22%20stroke%3Anone%3Bfill-rule%3Aevenodd%3Bfill%3Argb%2896%25%2C96%25%2C96%25%29%3Bfill-opacity%3A1%3B%22%20d%3D%22M%205.429688%2011.875%20C%208.925781%2010.355469%2011.253906%209.347656%2012.425781%208.855469%20C%2015.753906%207.46875%2016.453125%207.226562%2016.902344%207.21875%20C%2017.003906%207.21875%2017.222656%207.238281%2017.371094%207.355469%20C%2017.492188%207.457031%2017.523438%207.585938%2017.542969%207.6875%20C%2017.5625%207.785156%2017.582031%207.996094%2017.5625%208.15625%20C%2017.382812%2010.054688%2016.601562%2014.664062%2016.203125%2016.78125%20C%2016.035156%2017.683594%2015.703125%2017.984375%2015.382812%2018.011719%20C%2014.683594%2018.074219%2014.152344%2017.550781%2013.484375%2017.113281%20C%2012.425781%2016.421875%2011.835938%2015.992188%2010.804688%2015.3125%20C%209.617188%2014.535156%2010.386719%2014.105469%2011.066406%2013.40625%20C%2011.246094%2013.222656%2014.3125%2010.425781%2014.375%2010.175781%20C%2014.382812%2010.144531%2014.382812%2010.027344%2014.3125%209.964844%20C%2014.242188%209.90625%2014.144531%209.925781%2014.0625%209.945312%20C%2013.953125%209.964844%2012.273438%2011.085938%209.007812%2013.292969%20C%208.527344%2013.625%208.097656%2013.785156%207.707031%2013.773438%20C%207.277344%2013.765625%206.457031%2013.535156%205.835938%2013.335938%20C%205.085938%2013.09375%204.488281%2012.964844%204.539062%2012.542969%20C%204.566406%2012.324219%204.867188%2012.105469%205.429688%2011.875%20Z%20M%205.429688%2011.875%20%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E");
}
.linkedin::before {
    content: '';
    background: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20version%3D%221.1%22%3E%0A%3Cg%20id%3D%22surface1%22%3E%0A%3Cpath%20style%3D%22%20stroke%3Anone%3Bfill-rule%3Aevenodd%3Bfill%3Argb%280%25%2C54.117647%25%2C65.882353%25%29%3Bfill-opacity%3A1%3B%22%20d%3D%22M%202.667969%2024%20L%2021.332031%2024%20C%2022.804688%2024%2024%2022.804688%2024%2021.332031%20L%2024%202.667969%20C%2024%201.195312%2022.804688%200%2021.332031%200%20L%202.667969%200%20C%201.195312%200%200%201.195312%200%202.667969%20L%200%2021.332031%20C%200%2022.804688%201.195312%2024%202.667969%2024%20Z%20M%202.667969%2024%20%22%2F%3E%0A%3Cpath%20style%3D%22%20stroke%3Anone%3Bfill-rule%3Aevenodd%3Bfill%3Argb%28100%25%2C100%25%2C100%25%29%3Bfill-opacity%3A1%3B%22%20d%3D%22M%2020.667969%2020.667969%20L%2017.105469%2020.667969%20L%2017.105469%2014.601562%20C%2017.105469%2012.9375%2016.472656%2012.007812%2015.15625%2012.007812%20C%2013.726562%2012.007812%2012.976562%2012.976562%2012.976562%2014.601562%20L%2012.976562%2020.667969%20L%209.542969%2020.667969%20L%209.542969%209.109375%20L%2012.976562%209.109375%20L%2012.976562%2010.667969%20C%2012.976562%2010.667969%2014.007812%208.757812%2016.460938%208.757812%20C%2018.910156%208.757812%2020.667969%2010.253906%2020.667969%2013.351562%20Z%20M%205.449219%207.597656%20C%204.28125%207.597656%203.332031%206.644531%203.332031%205.464844%20C%203.332031%204.289062%204.28125%203.332031%205.449219%203.332031%20C%206.617188%203.332031%207.566406%204.289062%207.566406%205.464844%20C%207.566406%206.644531%206.617188%207.597656%205.449219%207.597656%20Z%20M%203.675781%2020.667969%20L%207.257812%2020.667969%20L%207.257812%209.109375%20L%203.675781%209.109375%20Z%20M%203.675781%2020.667969%20%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E") no-repeat center center;
    background-size: contain;
    padding-left: 30px;
}
.linkedin:hover::before {
    background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20version%3D%221.1%22%3E%0A%3Cg%20id%3D%22surface1%22%3E%0A%3Cpath%20style%3D%22%20stroke%3Anone%3Bfill-rule%3Aevenodd%3Bfill%3Argb%280%25%2C80%25%2C100%25%29%3Bfill-opacity%3A1%3B%22%20d%3D%22M%202.667969%2024%20L%2021.332031%2024%20C%2022.804688%2024%2024%2022.804688%2024%2021.332031%20L%2024%202.667969%20C%2024%201.195312%2022.804688%200%2021.332031%200%20L%202.667969%200%20C%201.195312%200%200%201.195312%200%202.667969%20L%200%2021.332031%20C%200%2022.804688%201.195312%2024%202.667969%2024%20Z%20M%202.667969%2024%20%22%2F%3E%0A%3Cpath%20style%3D%22%20stroke%3Anone%3Bfill-rule%3Aevenodd%3Bfill%3Argb%28100%25%2C100%25%2C100%25%29%3Bfill-opacity%3A1%3B%22%20d%3D%22M%2020.667969%2020.667969%20L%2017.105469%2020.667969%20L%2017.105469%2014.601562%20C%2017.105469%2012.9375%2016.472656%2012.007812%2015.15625%2012.007812%20C%2013.726562%2012.007812%2012.976562%2012.976562%2012.976562%2014.601562%20L%2012.976562%2020.667969%20L%209.542969%2020.667969%20L%209.542969%209.109375%20L%2012.976562%209.109375%20L%2012.976562%2010.667969%20C%2012.976562%2010.667969%2014.007812%208.757812%2016.460938%208.757812%20C%2018.910156%208.757812%2020.667969%2010.253906%2020.667969%2013.351562%20Z%20M%205.449219%207.597656%20C%204.28125%207.597656%203.332031%206.644531%203.332031%205.464844%20C%203.332031%204.289062%204.28125%203.332031%205.449219%203.332031%20C%206.617188%203.332031%207.566406%204.289062%207.566406%205.464844%20C%207.566406%206.644531%206.617188%207.597656%205.449219%207.597656%20Z%20M%203.675781%2020.667969%20L%207.257812%2020.667969%20L%207.257812%209.109375%20L%203.675781%209.109375%20Z%20M%203.675781%2020.667969%20%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E");
}
.superjob::before {
    content: '';
    background: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20version%3D%221.1%22%3E%0A%3Cg%20id%3D%22surface1%22%3E%0A%3Cpath%20style%3D%22%20stroke%3Anone%3Bfill-rule%3Anonzero%3Bfill%3Argb%280%25%2C54.117647%25%2C65.882353%25%29%3Bfill-opacity%3A1%3B%22%20d%3D%22M%201.882812%200.195312%20C%201.265625%200.433594%200.664062%200.96875%200.324219%201.578125%20L%200.046875%202.078125%20L%200.0195312%2011.832031%20C%200%2021.472656%200%2021.589844%200.183594%2022.089844%20C%200.425781%2022.734375%200.949219%2023.324219%201.578125%2023.675781%20L%202.078125%2023.953125%20L%2011.832031%2023.980469%20C%2021.472656%2024%2021.589844%2024%2022.089844%2023.816406%20C%2022.734375%2023.574219%2023.324219%2023.050781%2023.675781%2022.421875%20L%2023.953125%2021.921875%20L%2023.980469%2012.167969%20C%2024%202.527344%2024%202.410156%2023.816406%201.910156%20C%2023.574219%201.265625%2023.050781%200.675781%2022.421875%200.324219%20L%2021.921875%200.046875%20L%2012.136719%200.0273438%20C%202.574219%200.0078125%202.34375%200.0078125%201.882812%200.195312%20Z%20M%209.933594%206.472656%20C%2010.984375%206.792969%2012.019531%207.542969%2012.582031%208.390625%20L%2012.730469%208.621094%20L%2011.925781%209.101562%20C%2011.039062%209.644531%2010.929688%209.675781%2010.855469%209.433594%20C%2010.773438%209.183594%2010.089844%208.527344%209.738281%208.355469%20C%209.210938%208.113281%208.457031%208.011719%207.890625%208.113281%20C%206.941406%208.289062%206.554688%208.621094%206.480469%209.304688%20C%206.441406%209.691406%206.480469%209.785156%206.703125%2010.050781%20C%207.023438%2010.441406%207.265625%2010.542969%208.992188%2010.992188%20C%2011.167969%2011.566406%2012.007812%2012.027344%2012.515625%2012.941406%20C%2012.765625%2013.394531%2012.785156%2013.503906%2012.785156%2014.355469%20C%2012.785156%2015.15625%2012.757812%2015.339844%2012.542969%2015.792969%20C%2012.230469%2016.457031%2011.695312%2016.992188%2011.011719%2017.335938%20C%2010.144531%2017.769531%209.664062%2017.863281%208.355469%2017.863281%20C%206.96875%2017.863281%206.304688%2017.6875%205.382812%2017.085938%20C%204.671875%2016.617188%203.875%2015.757812%203.875%2015.453125%20C%203.875%2015.359375%205.546875%2014.355469%205.585938%2014.425781%20C%205.59375%2014.4375%205.730469%2014.621094%205.890625%2014.824219%20C%206.746094%2015.941406%208.59375%2016.355469%209.941406%2015.746094%20C%2010.476562%2015.5%2010.726562%2015.128906%2010.746094%2014.566406%20C%2010.761719%2013.808594%2010.246094%2013.484375%208.125%2012.914062%20C%205.898438%2012.324219%205.113281%2011.878906%204.652344%2010.929688%20C%204.339844%2010.28125%204.292969%209.269531%204.550781%208.511719%20C%204.875%207.585938%205.890625%206.730469%207.023438%206.425781%20C%207.800781%206.210938%209.175781%206.238281%209.933594%206.472656%20Z%20M%2018.738281%2010.679688%20C%2018.738281%2013.078125%2018.703125%2015.066406%2018.644531%2015.40625%20C%2018.460938%2016.523438%2017.824219%2017.355469%2016.902344%2017.675781%20C%2016.429688%2017.851562%2014.789062%2017.964844%2014.269531%2017.871094%20L%2013.9375%2017.804688%20L%2013.9375%2015.921875%20L%2014.898438%2015.921875%20C%2015.730469%2015.921875%2015.894531%2015.894531%2016.125%2015.730469%20C%2016.660156%2015.332031%2016.660156%2015.378906%2016.6875%2010.773438%20L%2016.71875%206.554688%20L%2018.738281%206.554688%20Z%20M%2018.738281%2010.679688%20%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E") no-repeat center center;
    background-size: contain;
    padding-left: 30px;
}
.superjob:hover::before {
    background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20version%3D%221.1%22%3E%0A%3Cg%20id%3D%22surface1%22%3E%0A%3Cpath%20style%3D%22%20stroke%3Anone%3Bfill-rule%3Anonzero%3Bfill%3Argb%280%25%2C80%25%2C100%25%29%3Bfill-opacity%3A1%3B%22%20d%3D%22M%201.882812%200.195312%20C%201.265625%200.433594%200.664062%200.96875%200.324219%201.578125%20L%200.046875%202.078125%20L%200.0195312%2011.832031%20C%200%2021.472656%200%2021.589844%200.183594%2022.089844%20C%200.425781%2022.734375%200.949219%2023.324219%201.578125%2023.675781%20L%202.078125%2023.953125%20L%2011.832031%2023.980469%20C%2021.472656%2024%2021.589844%2024%2022.089844%2023.816406%20C%2022.734375%2023.574219%2023.324219%2023.050781%2023.675781%2022.421875%20L%2023.953125%2021.921875%20L%2023.980469%2012.167969%20C%2024%202.527344%2024%202.410156%2023.816406%201.910156%20C%2023.574219%201.265625%2023.050781%200.675781%2022.421875%200.324219%20L%2021.921875%200.046875%20L%2012.136719%200.0273438%20C%202.574219%200.0078125%202.34375%200.0078125%201.882812%200.195312%20Z%20M%209.933594%206.472656%20C%2010.984375%206.792969%2012.019531%207.542969%2012.582031%208.390625%20L%2012.730469%208.621094%20L%2011.925781%209.101562%20C%2011.039062%209.644531%2010.929688%209.675781%2010.855469%209.433594%20C%2010.773438%209.183594%2010.089844%208.527344%209.738281%208.355469%20C%209.210938%208.113281%208.457031%208.011719%207.890625%208.113281%20C%206.941406%208.289062%206.554688%208.621094%206.480469%209.304688%20C%206.441406%209.691406%206.480469%209.785156%206.703125%2010.050781%20C%207.023438%2010.441406%207.265625%2010.542969%208.992188%2010.992188%20C%2011.167969%2011.566406%2012.007812%2012.027344%2012.515625%2012.941406%20C%2012.765625%2013.394531%2012.785156%2013.503906%2012.785156%2014.355469%20C%2012.785156%2015.15625%2012.757812%2015.339844%2012.542969%2015.792969%20C%2012.230469%2016.457031%2011.695312%2016.992188%2011.011719%2017.335938%20C%2010.144531%2017.769531%209.664062%2017.863281%208.355469%2017.863281%20C%206.96875%2017.863281%206.304688%2017.6875%205.382812%2017.085938%20C%204.671875%2016.617188%203.875%2015.757812%203.875%2015.453125%20C%203.875%2015.359375%205.546875%2014.355469%205.585938%2014.425781%20C%205.59375%2014.4375%205.730469%2014.621094%205.890625%2014.824219%20C%206.746094%2015.941406%208.59375%2016.355469%209.941406%2015.746094%20C%2010.476562%2015.5%2010.726562%2015.128906%2010.746094%2014.566406%20C%2010.761719%2013.808594%2010.246094%2013.484375%208.125%2012.914062%20C%205.898438%2012.324219%205.113281%2011.878906%204.652344%2010.929688%20C%204.339844%2010.28125%204.292969%209.269531%204.550781%208.511719%20C%204.875%207.585938%205.890625%206.730469%207.023438%206.425781%20C%207.800781%206.210938%209.175781%206.238281%209.933594%206.472656%20Z%20M%2018.738281%2010.679688%20C%2018.738281%2013.078125%2018.703125%2015.066406%2018.644531%2015.40625%20C%2018.460938%2016.523438%2017.824219%2017.355469%2016.902344%2017.675781%20C%2016.429688%2017.851562%2014.789062%2017.964844%2014.269531%2017.871094%20L%2013.9375%2017.804688%20L%2013.9375%2015.921875%20L%2014.898438%2015.921875%20C%2015.730469%2015.921875%2015.894531%2015.894531%2016.125%2015.730469%20C%2016.660156%2015.332031%2016.660156%2015.378906%2016.6875%2010.773438%20L%2016.71875%206.554688%20L%2018.738281%206.554688%20Z%20M%2018.738281%2010.679688%20%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");
}
.hh::before {
    content: '';
    background: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20version%3D%221.1%22%3E%0A%3Cg%20id%3D%22surface1%22%3E%0A%3Cpath%20style%3D%22%20stroke%3Anone%3Bfill-rule%3Anonzero%3Bfill%3Argb%280%25%2C54.117647%25%2C65.882353%25%29%3Bfill-opacity%3A1%3B%22%20d%3D%22M%2012%2024%20C%2018.628906%2024%2024%2018.628906%2024%2012%20C%2024%205.371094%2018.628906%200%2012%200%20C%205.371094%200%200%205.371094%200%2012%20C%200%2018.628906%205.371094%2024%2012%2024%20%22%2F%3E%0A%3Cpath%20style%3D%22%20stroke%3Anone%3Bfill-rule%3Anonzero%3Bfill%3Argb%2899.607843%25%2C99.607843%25%2C99.607843%25%29%3Bfill-opacity%3A1%3B%22%20d%3D%22M%206.824219%206.585938%20L%206.824219%2010.667969%20C%207.445312%209.925781%208.191406%209.550781%209.054688%209.550781%20C%209.5%209.550781%209.898438%209.636719%2010.257812%209.804688%20C%2010.613281%209.972656%2010.882812%2010.1875%2011.0625%2010.449219%20C%2011.246094%2010.714844%2011.367188%2011%2011.433594%2011.320312%20C%2011.5%2011.636719%2011.535156%2012.128906%2011.535156%2012.796875%20L%2011.535156%2017.160156%20L%209.601562%2017.160156%20L%209.601562%2013.230469%20C%209.601562%2012.449219%209.570312%2011.957031%209.496094%2011.746094%20C%209.425781%2011.539062%209.289062%2011.363281%209.109375%2011.246094%20C%208.921875%2011.121094%208.691406%2011.058594%208.410156%2011.058594%20C%208.089844%2011.058594%207.804688%2011.136719%207.554688%2011.296875%20C%207.300781%2011.457031%207.117188%2011.695312%207%2012.015625%20C%206.882812%2012.335938%206.824219%2012.808594%206.824219%2013.433594%20L%206.824219%2017.160156%20L%204.894531%2017.160156%20L%204.894531%206.585938%20L%206.824219%206.585938%20M%2014.429688%206.585938%20L%2014.429688%2010.667969%20C%2015.050781%209.925781%2015.796875%209.550781%2016.660156%209.550781%20C%2017.101562%209.550781%2017.503906%209.636719%2017.863281%209.804688%20C%2018.21875%209.972656%2018.488281%2010.1875%2018.667969%2010.449219%20C%2018.847656%2010.710938%2018.972656%2011.007812%2019.039062%2011.320312%20C%2019.105469%2011.636719%2019.136719%2012.128906%2019.136719%2012.796875%20L%2019.136719%2017.160156%20L%2017.207031%2017.160156%20L%2017.207031%2013.230469%20C%2017.207031%2012.449219%2017.171875%2011.957031%2017.097656%2011.746094%20C%2017.03125%2011.539062%2016.894531%2011.363281%2016.710938%2011.246094%20C%2016.527344%2011.121094%2016.292969%2011.058594%2016.011719%2011.058594%20C%2015.695312%2011.058594%2015.40625%2011.136719%2015.15625%2011.296875%20C%2014.90625%2011.457031%2014.722656%2011.695312%2014.601562%2012.015625%20C%2014.488281%2012.335938%2014.429688%2012.808594%2014.429688%2013.433594%20L%2014.429688%2017.160156%20L%2012.5%2017.160156%20L%2012.5%206.585938%20L%2014.429688%206.585938%20%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E") no-repeat center center;
    background-size: contain;
    padding-left: 30px;
}
.hh:hover::before {
    background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20version%3D%221.1%22%3E%0A%3Cg%20id%3D%22surface1%22%3E%0A%3Cpath%20style%3D%22%20stroke%3Anone%3Bfill-rule%3Anonzero%3Bfill%3Argb%280%25%2C80%25%2C100%25%29%3Bfill-opacity%3A1%3B%22%20d%3D%22M%2012%2024%20C%2018.628906%2024%2024%2018.628906%2024%2012%20C%2024%205.371094%2018.628906%200%2012%200%20C%205.371094%200%200%205.371094%200%2012%20C%200%2018.628906%205.371094%2024%2012%2024%20%22%2F%3E%0A%3Cpath%20style%3D%22%20stroke%3Anone%3Bfill-rule%3Anonzero%3Bfill%3Argb%2899.607843%25%2C99.607843%25%2C99.607843%25%29%3Bfill-opacity%3A1%3B%22%20d%3D%22M%206.824219%206.585938%20L%206.824219%2010.667969%20C%207.445312%209.925781%208.191406%209.550781%209.054688%209.550781%20C%209.5%209.550781%209.898438%209.636719%2010.257812%209.804688%20C%2010.613281%209.972656%2010.882812%2010.1875%2011.0625%2010.449219%20C%2011.246094%2010.714844%2011.367188%2011%2011.433594%2011.320312%20C%2011.5%2011.636719%2011.535156%2012.128906%2011.535156%2012.796875%20L%2011.535156%2017.160156%20L%209.601562%2017.160156%20L%209.601562%2013.230469%20C%209.601562%2012.449219%209.570312%2011.957031%209.496094%2011.746094%20C%209.425781%2011.539062%209.289062%2011.363281%209.109375%2011.246094%20C%208.921875%2011.121094%208.691406%2011.058594%208.410156%2011.058594%20C%208.089844%2011.058594%207.804688%2011.136719%207.554688%2011.296875%20C%207.300781%2011.457031%207.117188%2011.695312%207%2012.015625%20C%206.882812%2012.335938%206.824219%2012.808594%206.824219%2013.433594%20L%206.824219%2017.160156%20L%204.894531%2017.160156%20L%204.894531%206.585938%20L%206.824219%206.585938%20M%2014.429688%206.585938%20L%2014.429688%2010.667969%20C%2015.050781%209.925781%2015.796875%209.550781%2016.660156%209.550781%20C%2017.101562%209.550781%2017.503906%209.636719%2017.863281%209.804688%20C%2018.21875%209.972656%2018.488281%2010.1875%2018.667969%2010.449219%20C%2018.847656%2010.710938%2018.972656%2011.007812%2019.039062%2011.320312%20C%2019.105469%2011.636719%2019.136719%2012.128906%2019.136719%2012.796875%20L%2019.136719%2017.160156%20L%2017.207031%2017.160156%20L%2017.207031%2013.230469%20C%2017.207031%2012.449219%2017.171875%2011.957031%2017.097656%2011.746094%20C%2017.03125%2011.539062%2016.894531%2011.363281%2016.710938%2011.246094%20C%2016.527344%2011.121094%2016.292969%2011.058594%2016.011719%2011.058594%20C%2015.695312%2011.058594%2015.40625%2011.136719%2015.15625%2011.296875%20C%2014.90625%2011.457031%2014.722656%2011.695312%2014.601562%2012.015625%20C%2014.488281%2012.335938%2014.429688%2012.808594%2014.429688%2013.433594%20L%2014.429688%2017.160156%20L%2012.5%2017.160156%20L%2012.5%206.585938%20L%2014.429688%206.585938%20%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E");
}
.info {
    background:rgb(45, 58, 75);
    border: 1px solid #008aa8;
    border-radius: 5px 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
    padding: 10px;
    position: absolute;
    display: none;
    min-width: 250px;
}

.info-link {
    display: inline;
    position: relative;
}

.info-link:hover .info {
    display: block;
    z-index: 100;
    left: 0;
}

.article {
    color: #c4c4c4;
}

.article-section-title {
    display: inline-block;
    padding-bottom: 5px;
    font-size: 18px;
    letter-spacing: 1px;
    margin-top: 24px;
    font-weight: 700;
    margin-bottom: 8px;
    border-bottom: 2px solid #c4c4c4;
}

.article-content-block p {
    /*text-align: justify;*/
    text-indent: 1.5em;
}
.article-content-block label {
    font-weight: bold;
    margin: 0.5em 1.5em;
    display: inline-block;
}
.article-content-block pre {
    margin: 0;
    padding: 1.5em;
    background-color: #455871;
}
.article-content-block ul {
    list-style: none;
    margin: 0;
}
.article-content-block ul li::before {
    content: '\2714';
    margin-left: -16px;
    margin-right: 4px;
    color: #008aa8;
}

.page-title {
    color: #c4c4c4;
}

@media screen and (max-width: 919px) {
    header,
    main,
    footer {
        width: auto;
        margin: 0 72px;
        height: max-content;
    }
    main {
        padding-top: 16px;
    }
    .main-content h1 {
        flex-direction: column;
    }
    .main-content .main-heading h1 {
        padding-top: 24px;
    }
    .main-content .main-box-content {
        flex-direction: column-reverse;
        align-items: flex-end;
    }
    .main-content .left-text {
        width: auto;
        text-align: right;
    }
    .main-content .left-text p {
        text-align: left;
    }

}
@media screen and (max-width: 767px) {
    html {
        height: 100%;
    }
    body {
        height: calc(100% - 5vh);
    }
    header,
    main,
    footer {
        margin: 0 24px;
        padding: 0px 30px;
    }
    .main-content .main-heading h1 {
        padding-top: 18px;
    }
    .main-content h1 {
        padding-top: 32px;
        font-size: 22px;
    }
    .main-content .main-box-content {
        right: -24px;
        padding: 16px;
        align-items: center;
    }
    .row {
        margin-right: -24px;
        margin-left: -24px;
    }
    .main-content .left-text {
        text-align: center;
    }
    .main-content .left-text h4 {
        font-size: 20px;
    }
    .info {
        min-width: 150px;
    }
}