/* 07.03 */
html {overflow-x: hidden;
height: 100%;
opacity: 0.9;
margin-bottom: 0
}
body{
background-color: #88a461;
background-position: center;
background-repeat: no-repeat;
}
body p{
color: black;
text-align: center;
font-size: 20px;
opacity: 0.7
}
.article{
background-color: white;
margin: 30px;
padding: 3.5%
}
.article h3, h4{
text-align: center;
font-size: 20px
}
.pho{
color: green;
font-weight: bold;
}
.paper{
color: grey;
font-weight: bold;
}
.answer{
color: green
}
.list a{
text-align: left;
margin-bottom: 5px;
line-height: 32px;
padding-bottom: 20px;
margin-top: 9px;
font-size: 18px;
}
.exp{
text-align: left;
margin-left: 5%
}
.dropdown {
position: relative;
display: inline-block;
}
.nav-item{
color: white;
/* background-color: white */
text-decoration: none
}
.nav-item:hover{
text-decoration: underline;
text-decoration-color: white;
color: white
}
.active{
color: #7B3F00
}
.squ{
color: gray; text-align: left; margin-left: 10%
}
.score{
color: gray; text-align: left; margin-left: 5%; margin-right: 5%
}
.sub{
font-size: 1vw;
}
.dropdown-content {
display: none;
text-align: left;
position: absolute;
/* background-color: #f9f9f9; */
min-width: 35px;
width: 88px;
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
padding: 5px 18px;
z-index: 1;
color: white;
margin-bottom: 5px;
}
.dropdown-content a{
min-height: 30px;
vertical-align: middle;
color: #097969;
/* margin: 2px; */
text-decoration: none;
text-align: left;
/* width: 150px;
width: 55px; */
padding: 2px;
justify-content: center;
line-height: 20px;
padding-bottom: 5px;
margin-bottom: 5px
}
.dropdown:hover .dropdown-content {
display: block;
}
.dropdown-content a:hover{
text-decoration-line: underline;
text-decoration-color: green;
height: 5px;
margin-top: 5px;
padding-top: 5px
}
.navbar{
display: flex;
justify-content: space-around;
height: 100%;
background-color: transparent
/* align-items: center; */
}
#hamburger-icon div {
width: 35px;
height: 3px;
background-color: white;
margin: 6px 0px;
border-width: 1px;
border-color: blue;
transition: 0.4s;
text-align: left;
}
.not{display: none}
.res2{
width: 40%;
margin-left: 30%;
height: 10%;
padding: 2%
}
.pl, .his, .pair{
width: 40%;
margin-left: 30%;
margin: auto;
display: block;
height: 10%;
padding: 2%
}
.torch{
border-style: ridge; border-radius: 10px; padding: 3%
}
.softmax{border-style: ridge; border-radius: 10px; padding: 2%}
.argmax{border-style: ridge; border-radius: 10px; padding: 2%}
.matrix{ width: 28%;
margin-left: 36%;
margin: auto;
display: block;
height: 10%;
}
.report{
width: 36%;
height: 20%;
margin: auto;
display: block
}
.rep{
display: flex;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
}
.heat{ width: 40%;
height: 10%;
padding: 2%
}
.subp{
width: 70%;
margin-left: 15%;
margin-top: -3%;
padding: 3%
}
.node{ width: 60%;
margin: auto;
display: block;
margin-top: -3%;
padding: 3%
}
.dtc{width: 70%;
margin: auto;
display: block;
margin-top: -3%;
padding: 3%
}
.dt{ width: 50%;
margin: auto;
display: block;
padding: 3%
}
.dowj{
width: 30%;
margin-left: 35%;
height: 10%;
padding: 2%
}
.outer{ width: 40%;
margin-left: 30%;
height: 10%;
padding: 2%
}
.deli{ width: 38%;
margin-left: 31%;
height: 4%;
padding: 2%
}
@media only screen and (max-width: 600px) {
body {
height: 100%;
}
.vers{
background-color: #D3D3D3;
text-align: center ;
padding: 1%;
margin-top: 0
}
.navbar {
display: none;
}
#hamburger-icon {
display: block;
margin: 2px;
position: relative;
justify-content: left;
/* align-items: center; */
}
.list a{
line-height: 48px;
}
.w {
text-align: center;
margin-left: 25%;
margin-top: 75%;
color: white;
margin-right: 25%
}
/* .pic{width: 70%; float: left; margin: 5% } */
}
/* .dropdown .dropdown-content{display: none} */
.mob{display: none}
.not{display: none}
.ex{text-align: center; font-weight: bold;}
#any{ background-color: #D3D3D3;
text-align: left;
margin: 2%;
margin-top: 0}
@media only screen and (min-width: 1025px){
.imageal{text-align: center; display: block}
.func{
font-size: 20px;
}
.rel{
width: 80%;
margin-left: 20%;
width: 60%
}
.class{
width: 36%;
height: 20%;
margin: auto;
display: block
}
.kfold{ width: 36%;
height: 20%;
margin: auto;
display: block
}
.strat{ width: 50%;
height: 18%;
margin: auto;
display: block
}
.pand{
background-color: #D3D3D3;
text-align: left;
margin-left: 30%;
margin-right: 30%;
padding: 1%;
margin-top: 0
}
.seaL{
background-color: #D3D3D3;
text-align: left;
margin-left: 24%;
margin-right: 24%;
padding: 1%;
margin-top: 0
}
.seaM{
background-color: #D3D3D3;
text-align: left;
margin-left: 35%;
margin-right: 35%;
padding: 1%;
margin-top: 0
}
.scikS{background-color: #D3D3D3;
text-align: left;
margin-left: 35%;
margin-right: 35%;
padding: 1%;
margin-top: 0
}
.seaS, #ver{ background-color: #D3D3D3;
text-align: left;
margin-left: 40%;
margin-right: 40%;
padding: 1%;
margin-top: 0
}
.numXS{
text-align: left;
margin-left: 38%;
background-color: #D3D3D3;
margin-right: 38%;
padding: 1%;
margin-top: 0
}
.numS{
text-align: left;
margin-left: 35%;
background-color: #D3D3D3;
margin-right: 35%;
padding: 1%;
margin-top: 0
}
.numR{ text-align: left;
margin-left: 44%;
background-color: #AFE1AF;
margin-right: 44%;
padding: 1%;
margin-top: 0
}
.numRS{ text-align: left;
margin-left: 46%;
background-color: #AFE1AF;
margin-right: 46%;
padding: 1%;
margin-top: 0
}
.numRM{
text-align: left;
margin-left: 40%;
background-color: #AFE1AF;
margin-right: 40%;
padding: 1%;
margin-top: 0
}
.numRL{text-align: left;
margin-left: 36%;
background-color: #AFE1AF;
margin-right: 36%;
padding: 1%;
margin-top: 0
}
.ansM{text-align: left;
margin-left: 34%;
background-color: #AFE1AF;
margin-right: 34%;
padding: 1%;
margin-top: 0
}
.ansLM{text-align: left;
margin-left: 26%;
background-color: #AFE1AF;
margin-right: 26%;
padding: 1%;
margin-top: 0
}
.ansXL{text-align: left;
margin-left: 20%;
background-color: #AFE1AF;
margin-right: 20%;
padding: 1%;
margin-top: 0
}
.ansXXL{text-align: left;
margin-left: 14%;
background-color: #AFE1AF;
margin-right: 14%;
padding: 1%;
margin-top: 0
}
.bayes{text-align: left;
margin-left: 30%;
background-color: #AFE1AF;
margin-right: 30%;
padding: 1%;
margin-top: 0;
padding-bottom: 0
}
.numRXL{text-align: left;
margin-left: 24%;
background-color: #AFE1AF;
margin-right: 24%;
padding: 1%;
margin-top: 0
}
.pandSM{
background-color: #D3D3D3;
text-align: left;
margin-left: 32%;
margin-right: 32%;
padding: 1%;
margin-top: 0
}
.pandM{
background-color: #D3D3D3;
text-align: left;
margin-left: 30%;
margin-right: 30%;
padding: 1%;
margin-top: 0
}
.pandXL{
background-color: #D3D3D3;
text-align: left;
margin-left: 22%;
margin-right: 22%;
padding: 1%;
margin-top: 0
}
.pand3X{
background-color: #D3D3D3;
text-align: left;
margin-left: 15%;
margin-right: 15%;
padding: 1%;
margin-top: 0
}
.pand4X{
background-color: #D3D3D3;
text-align: left;
margin-left: 10%;
margin-right: 10%;
padding: 1.5%;
margin-top: 0
}
.pand5X{background-color: #D3D3D3;
text-align: left;
margin-left: 5%;
margin-right: 5%;
padding: 2%;
margin-top: 0
}
.pandXXL{
background-color: #D3D3D3;
text-align: left;
margin-left: 20%;
margin-right: 20%;
padding: 1%;
margin-top: 0
}
.solXXL{
background-color: #AFE1AF;
text-align: left;
margin-left: 20%;
margin-right: 20%;
padding: 1%;
margin-top: 0
}
.pandL{
background-color: #D3D3D3;
text-align: left;
margin-left: 24%;
margin-right: 24%;
padding: 1%;
margin-top: 0
}
.fp{margin-left: 40%;
width: 20%;
height: 5%;
padding: 2%
}
.dup{
background-color: #D3D3D3;
text-align: left;
margin-left: 30%;
margin-right: 30%;
padding: 1%;
margin-top: 0
}
.lamb{ width: 40%;
margin-left: 30%;
height: 8%;
padding: 2%
}
.order{width: 30%;
margin-left: 35%;
padding: 2%
}
.con{
width: 30%;
margin: auto;
height: 10%;
display: block;
padding: 2%
}
.firstD{width: 34%;
margin-left: 33%;
height: 3%;
padding: 2%
}
.firstS{width: 16%;
margin-left: 42%;
height: 1%;
padding: 2%
}
.titan{
width: 70%;
margin-left: 15%;
margin-right: 15%;
padding: 2%
}
.pear{width: 60%;
margin-left: 20%;
margin-right: 20%;
padding: 2%
}
.pivot{width: 30%;
margin-left: 35%;
padding: 2%
}
.rename{
width: 26%;
margin-left: 37%;
}
.dj{
width: 16%;
margin-left: 42%;
margin-bottom: 1%;
margin-top: 1%
}
.dow5{width: 16%; margin-left: 42%; margin-right: 42%; margin-bottom: 2%}
.twocol{height: 120px; width: 20%; margin-left: 40%; text-align: center; padding-bottom: -10px; margin-bottom: 10px; float: inherit; background-color: #1e1e1e }
.merge{width: 34%;
margin-left: 33%;
height: 3%;
padding: 2%
}
.twolong{
width: 20%;
margin-left: 40%
}
.select{
width: 26%;
margin-left: 37%;
padding: 2%
}
.drop{
width: 36%;
margin-left: 32%;
}
.inner{width: 40%;
margin-left: 30%;
}
.twoD{
margin-left: 40%;
width: 20%;
height: 5%;
padding: 2%
}
.wrap{display: flex;
width: 100%;
position: relative;
align-items: flex-end;
bottom: 0;
margin-bottom: 0;
margin-top: 2%
}
.Copyright{float: left;
bottom: 0; padding-left: 1%; width: 70%; align-items: flex-start;}
.Copyright p{text-align: left; font-size: 15px;}
.privacy{text-align: right; padding-right: -20px; margin-right: -10px;
width: 20%; margin-bottom: 1.5%;
float: right; right: 0
}
.wrap-mob{display: none}
.privacy-mob{display: none}
.Copyright-mob{display: none}
}
@media only screen and (max-width: 1024px)and (min-width: 501px){
.rel{
width: 80%;
margin-left: 20%;
width: 60%
}
.bayes{text-align: left;
margin-left: 18%;
background-color: #AFE1AF;
margin-right: 18%;
padding: 1%;
padding-left: 2%;
padding-bottom: 0;
margin-top: 0
}
.pand{
background-color: #D3D3D3;
text-align: left;
margin-left: 20%;
margin-right: 20%;
padding: 1%;
margin-top: 0
}
.seaL, .pandM, .pandL{
background-color: #D3D3D3;
text-align: left;
margin-left: 1%;
margin-right: 1%;
padding: 1%;
margin-top: 0
}
.scikS{
background-color: #D3D3D3;
text-align: left;
margin-left: 14%;
margin-right: 14%;
padding: 1%;
}
/*
.seaM{
background-color: #D3D3D3;
text-align: left;
margin-left: 32%;
margin-right: 32%;
padding: 1%;
margin-top: 0
}
*/
.pandSM{
background-color: #D3D3D3;
text-align: left;
margin-left: 32%;
margin-right: 32%;
padding: 1%;
margin-top: 0
}
/*
.pandM{
background-color: #D3D3D3;
text-align: left;
margin-left: 30%;
margin-right: 30%;
padding: 1%;
margin-top: 0
}
*/
.pandXL, .pandXXL{
background-color: #D3D3D3;
text-align: left;
margin-left: 6%;
margin-right: 6%;
padding: 1%;
margin-top: 0
}
.pand3X, .pand4X, .pand5X{
background-color: #D3D3D3;
text-align: left;
margin-left: 15%;
margin-right: 15%;
padding: 1%;
margin-top: 0
}
.pandXXL{
background-color: #D3D3D3;
text-align: left;
margin-left: 2%;
margin-right: 2%;
padding: 1%;
margin-top: 0
}
.solXXL{
background-color: #AFE1AF;;
text-align: left;
margin-left: 5%;
margin-right: 5%;
padding: 1%;
margin-top: 0
}
/*
.pandL{
background-color: #D3D3D3;
text-align: left;
margin-left: 24%;
margin-right: 24%;
padding: 1%;
margin-top: 0
}
*/
.fp{margin-left: 40%;
width: 20%;
height: 5%;
padding: 2%
}
.dup{
background-color: #D3D3D3;
text-align: left;
margin-left: 30%;
margin-right: 30%;
padding: 1%;
margin-top: 0
}
.lamb{ width: 40%;
margin-left: 30%;
height: 8%;
padding: 2%
}
.order{width: 30%;
margin-left: 35%;
padding: 2%
}
.con{
width: 50%;
margin: auto;
display: block;
height: 20%;
padding: 2%
}
.firstD{width: 34%;
margin-left: 33%;
height: 3%;
padding: 2%
}
.firstS{width: 16%;
margin-left: 42%;
height: 1%;
padding: 2%
}
.titan{
width: 70%;
margin-left: 15%;
margin-right: 15%;
padding: 2%
}
.class{ width: 60%;
margin-left: 20%;
margin-right: 20%;
}
.kfold, .strat{width: 70%;
margin-left: 15%;
margin-right: 15%;
}
.amount{
display: flex;
background-color: #181818;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
}
.pear{ width: 80%;
background-color: #181818;
margin-left: 10%;
margin-right: 10%;
padding: 2%
}
.pivot{width: 30%;
margin-left: 35%;
padding: 2%
}
.rename{
width: 26%;
margin-left: 37%;
}
.dj{
width: 16%;
margin-left: 42%;
margin-bottom: 1%;
margin-top: 1%
}
.dow5{width: 16%; margin-left: 42%; margin-right: 42%; margin-bottom: 2%}
.twocol{height: 120px; width: 20%; margin-left: 40%; text-align: center; padding-bottom: -10px; margin-bottom: 10px; float: inherit; background-color: #1e1e1e }
.merge{width: 34%;
margin-left: 33%;
height: 3%;
padding: 2%
}
.twolong{
width: 20%;
margin-left: 40%
}
.select{
width: 26%;
margin-left: 37%;
padding: 2%
}
.drop{
width: 36%;
margin-left: 32%;
}
.inner{width: 40%;
margin-left: 30%;
}
.twoD{
margin-left: 40%;
width: 20%;
height: 5%;
padding: 2%
}
.wrap{display: flex;
width: 100%;
position: relative;
align-items: flex-end;
bottom: 0;
margin-bottom: 0;
margin-top: 2%
}
.Copyright{float: left;
bottom: 0; padding-left: 1%; width: 70%; align-items: flex-start;}
.Copyright p{text-align: left; font-size: 15px;}
.privacy{text-align: right; padding-right: -20px; margin-right: -10px;
width: 20%; margin-bottom: 1.5%;
float: right; right: 0
}
#myInput7, #myInput1{ background-color: #D3D3D3;
text-align: center;
margin-left: 24%;
margin-right: 24%;
margin-top: 0;
/*border-radius: 10px */
}
.wrap-mob{display: none}
.privacy-mob{display: none}
.Copyright-mob{display: none}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
#ver{background-color: #D3D3D3;
text-align: left;
margin-left: 34%;
margin-right: 34%;
padding: 1%;
margin-top: 0
}
.seaS{ background-color: #D3D3D3;
text-align: left;
margin-left: 28%;
margin-right: 28%;
padding: 1%;
margin-top: 0
}
.numXS{
text-align: left;
margin-left: 28%;
background-color: #D3D3D3;
margin-right: 28%;
padding: 1%;
margin-top: 0
}
.rep{
display: flex;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
}
.his, .heat, .report, .matrix{ width: 60%;
margin-left: 20%;
/* height: 10%;
padding: 2% */
}
.matrix{width: 50%;
margin-left: 25%;
}
.seaM{
background-color: #D3D3D3;
text-align: left;
margin-left: 12%;
margin-right: 12%;
padding: 1%;
margin-top: 0
}
.numS{ text-align: left;
margin-left: 20%;
background-color: #D3D3D3;
margin-right: 20%;
padding: 1%;
margin-top: 0
}
.numRXL, .ansXXL, .ansLM, .ansM{
text-align: left;
margin-left: 10%;
background-color: #AFE1AF;
margin-right: 10%;
padding: 1%;
margin-top: 0
}
.numRL{
text-align: left;
margin-left: 20%;
background-color: #AFE1AF;
margin-right: 20%;
padding: 1%;
margin-top: 0
}
.numR, .numRM { text-align: left;
margin-left: 38%;
background-color: #AFE1AF;
margin-right: 38%;
padding: 1%;
margin-top: 0
}
.numRS{text-align: left;
margin-left: 42%;
background-color: #AFE1AF;
margin-right: 42%;
padding: 1%;
margin-top: 0
}
}
@media only screen and (min-width: 501px)and (max-width: 767px){
#ver{margin-left: 20%;
margin-right: 20%;
background-color: #D3D3D3;
text-align: left;
padding: 2%;}
.seaS{ background-color: #D3D3D3;
text-align: left;
margin-left: 17%;
margin-right: 17%;
padding: 2%;
margin-top: 0
}
.numXS{
text-align: left;
margin-left: 10%;
background-color: #D3D3D3;
margin-right: 10%;
padding: 1%;
margin-top: 0
}
.his, .heat{ width: 90%;
margin-left: 5%;
/* height: 10%;
padding: 2% */
}
.matrix{width: 70%;
margin-left: 15%;
}
.report{
width: 96%;
height: 300px;
margin: 2%;
}
.rep{
display: flex;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
}
.seaM{
background-color: #D3D3D3;
text-align: left;
margin-left: 3%;
margin-right: 3%;
padding: 1%;
margin-top: 0
}
.numS{ text-align: left;
margin-left: 4%;
background-color: #D3D3D3;
margin-right: 4%;
padding: 1%;
margin-top: 0
}
.numRXL, .ansXXL, .ansLM, .ansXL, .ansM{
text-align: left;
margin-left: 10%;
background-color: #AFE1AF;
margin-right: 10%;
padding: 1%;
margin-top: 0
}
.numRL{
text-align: left;
margin-left: 7%;
background-color: #AFE1AF;
margin-right: 7%;
padding: 2%;
margin-top: 0
}
.bayes{text-align: left;
margin-left: 18%;
background-color: #AFE1AF;
margin-right: 18%;
padding: 1%;
padding-left: 2%;
padding-bottom: 0;
margin-top: 0
}
.numR, .numRM{ text-align: left;
margin-left: 27%;
background-color: #AFE1AF;
margin-right: 27%;
padding: 1%;
margin-top: 0
}
.numRS{text-align: left;
margin-left: 38%;
background-color: #AFE1AF;
margin-right: 38%;
padding: 1%;
margin-top: 0
}
}
@media only screen and (max-width: 600px) {
body{height: 100vh;
}
.pl{
width: 90%;
margin-left: 5%;
margin-right: 5%
}
.twocol{height: 100px; width: 70%; margin-left: 15%; text-align: center; padding-bottom: -10px; margin-bottom: 10px; float: inherit; background-color: #1e1e1e }
.twolong{height: 180px; width: 70%; margin-left: 15%; text-align: center; padding-bottom: -10px; margin-bottom: 10px; float: inherit; background-color: #1e1e1e}
.navbar {
display: none;
}
.mob{display: block;
}
.drop{ height: 80px; padding-bottom: -10px; margin-bottom: 10px; float: inherit; background-color: #1e1e1e }
#hamburger-icon {
display: block;
margin: 2px;
position: relative;
justify-content: left;
/* align-items: center; */
}
.not{display: none}
#myBtn{
padding: 13%; border: none; margin-right: 25px; border-radius: 3px; background-color: white ; color: #4F7942; margin-top: 20px;
}
/* .pic{width: 70%; float: left; margin: 5% } */
.modal {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 1; /* Sit on top */
padding-top: 100px; /* Location of the box */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
.modalV{
display: block; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 1; /* Sit on top */
padding-top: 100px; /* Location of the box */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
/* Modal Content */
.modal-content {
background-color: #fefefe;
margin: auto;
padding: 20px;
border: 1px solid #888;
width: 80%;
border-bottom-width: 1px
}
.modal-content a{
border-bottom: #4F7942;
}
/* The Close Button */
.close {
color: #aaaaaa;
float: right;
font-size: 28px;
font-weight: bold;
}
.close:hover,
.close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
}
.not{display: none}
.show{display: block}
.open{display: block}
.close{display: none}
#dd{border: none;
background-color: white;
font-size: 5.5vw;
color: black;
font-family: 'Times New Roman', serif;
padding-left: 20px;
-webkit-margin-start: -20px;
}
.rot{-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.tt{
color: black;
text-decoration: none;
}
}
.icon{ display: inline-block; transform: rotateX(180deg); vertical-align: middle; color: #4F7942; border-width: 2px}
.logoM{width: 32%; height: 50px; max-width: 100%; margin-top: 20px; float: left; margin-bottom: 20px }
.logo{ width: 250px;
height: 50px;
max-width: 100%;
margin-left: 5%;
margin-top: 20px;
float: left;
margin-bottom: 20px}
.image {
float: left;
width: 70%;
margin-right: 5%;
margin-bottom: 45px
}
.myInput, #grey, #grey2 {
background-color: #D3D3D3;
text-align: center;
margin-left: 35%;
margin-right: 35%;
padding: 1%;
margin-top: 0
}
.vers{
background-color: #D3D3D3;
text-align: center;
margin-left: 38%;
margin-right: 38%;
padding: 1%;
margin-top: 0
}
.copybtn {
margin-right: 35%;
margin-bottom: 0;
border-radius: 5px;
border-width: 1px;
background-color: white;
border-color: grey;
position: relative;
margin-left: 60%;
}
@media only screen and (max-width: 600px) {
#myInput1, #myInput2, #myInput3, #myInput4, #myInput5, #myInput6, #grey, #grey2, #grey3, #grey4, #ant, #myInput5 #myInput6, #myInput7, #myInput8, #myInput9, #myInput10, #myInput11, #myInput12, #myInput13, #myInput15 {
background-color: #D3D3D3;
text-align: center;
margin: 6%;
margin-top: 0;
border-radius: 10px
}
.pand{
background-color: #D3D3D3;
text-align: left;
margin-left: 3%;
margin-right: 3%;
padding: 1%;
margin-top: 0
}
.amount{
display: flex;
background-color: #181818;
/* background-color: #181818; */
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
}
.gr{
display: flex;
text-align: center;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
}
.graph{ background-color: white;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;}
.copybtn4, .copybtn {
margin-left: 8%;
margin-right: 7%;
margin-bottom: -2%;
border-width: 1px;
border-radius: 5px;
background-color: white;
}
.article p {
text-align: left
}
.seaS{
text-align: left
}
.dc {
text-align: center !important
}
}
@media only screen and (max-width: 500px) and (min-width: 401px){
.wrap{display: flex;
width: 100%;
position: relative;
align-items: flex-end;
bottom: 0;
margin-bottom: 0;
margin-top: 2%
}
.report{
width: 100%;
padding-bottom: -8%;
background-color: #1e1e1e
}
.bayes{text-align: left;
margin-left: 1%;
background-color: #AFE1AF;
margin-right: 1%;
padding: 1%;
padding-left: 2%;
padding-bottom: 0;
margin-top: 0
}
.rep{
display: flex;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
}
.select{height: 120px; width: 80%; margin-left: 10%; padding-bottom: -10px; margin-bottom: 10px; float: inherit; background-color: #1e1e1e }
.twocol{height: 80px; width: 70%; margin-left: 15%; text-align: center; padding-bottom: -10px; margin-bottom: 10px; float: inherit; background-color: #1e1e1e }
.merge{height: 100px; padding-bottom: -10px; margin-bottom: 10px; float: inherit; background-color: #1e1e1e }
.twoD{ height: 60px; padding-bottom: -10px; margin-bottom: 10px; float: inherit; right: 0; background-color: #1e1e1e }
.mob{margin-top: 2%; }
.logoM{width: 65%; height: 50px; max-width: 100%; margin-left: 3%; margin-top: 20px; float: left; margin-bottom: 20px }
.wrap-mob{display: none}
.privacy-mob{display: none}
.Copyright-mob{display: none}
.pod{display: flex; justify-content: center; width: 80%; margin-left: 25%}
.pand{
display: flex;
padding: 3%;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
}
#ver, .seaS, .seaM, .seaL, .pandM, .numS, .numXS, .scikS{
background-color: #D3D3D3;
display: flex;
padding: 3%;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
text-align: left;
}
.seaL{ font-size: max(4vw, 19px);}
.numRL, .numRXL, .ansXXL, .ansLM, .ansXL, .ansM{
padding: 3%;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
background-color: #AFE1AF;
margin-left: 3%;
margin-right: 3%
}
.numR, .numRM{
display: flex;
padding: 3%;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
background-color: #AFE1AF;
margin-left: 5%;
margin-right: 5%
}
.numRS{text-align: left;
margin-left: 28%;
background-color: #AFE1AF;
margin-right: 28%;
padding: 2%;
margin-top: 0
}
.pandL{
display: flex;
background-color: #D3D3D3;
/* margin-top: 2%;
margin-bottom: 2%;
margin-left: 5%;
margin-right: 5%; */
padding: 1%;
font-size: 10px important!;
overflow-x: auto impoartant!;
overflow-y: hidden;
white-space: nowrap;
}
.pand3X, .pandXXL, .pandM, .pandXL, .pandSM, .dup, .myInput, .pand4X, .pandXXL, .pand5X{
display: flex;
background-color: #D3D3D3;
margin-top: 2%;
margin-bottom: 2%;
margin-left: 1% important!;
margin-right: 1% important!;
font-size: 10px important!;
padding: 3%;
overflow-x: auto important!;
overflow-y: hidden;
white-space: nowrap;
}
.solXXL{
display: flex;
background-color: #AFE1AF;
margin-top: 2%;
margin-bottom: 2%;
margin-left: 1% important!;
margin-right: 1% important!;
font-size: 10px important!;
padding: 3%;
overflow-x: auto important!;
overflow-y: hidden;
white-space: nowrap;
}
.dow{
display: flex;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
}
.amount{
display: flex;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
}
.gr{ display: flex;
text-align: center;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
}
.graph{
display: flex;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
}
.flow{ display: flex;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;}
.drop{ height: 80px; padding-bottom: -10px; margin-bottom: 10px; float: inherit; background-color: #1e1e1e }
.order{ height: 250px; padding-bottom: -30px; margin-bottom: 10px; float: inherit; right: 0; background-color: #1e1e1e }
.inner{ height: 110px; padding-bottom: -10px; margin-bottom: 10px; float: inherit; background-color: #1e1e1e}
.lamb{ height: 250px; padding-bottom: -10px; margin-bottom: 10px; float: inherit; right: 0; background-color: #1e1e1e }
.rel{ height: 250px; padding-bottom: -10px; margin-bottom: 10px; float: inherit; right: 0; background-color: white;}
.rename{ height: 250px; padding-bottom: -10px; margin-bottom: 10px; float: inherit; background-color: #1e1e1e }
.tit{height: 150px; padding-bottom: -30px; margin-bottom: 10px; float: inherit; right: 0; background-color: #1e1e1e }
.firstD{ height: 180px; margin-bottom: 10px; float: inherit; right: 0; background-color: #1e1e1e }
.firstS{ height: 140px; margin-left: 20%; margin-right: 20%; margin-bottom: 10px; float: inherit; }
.dow5{height: 150px; margin-left: 20%; margin-right: 20%; padding-bottom: -30px; margin-bottom: 10px; float: inherit; right: 0; background-color: #1e1e1e }
.pivot{ height: 200px; padding-bottom: -10px; margin-bottom: 10px; float: inherit; right: 0; background-color: #1e1e1e }
.fp{ height: 120px; padding-bottom: -10px; margin-bottom: 10px; float: inherit; background-color: #1e1e1e }
.merge{ height: 150px; padding-bottom: -10px; margin-bottom: 10px; float: inherit; right: 0; background-color: #1e1e1e }
.info{height: 170px; margin-bottom: 10px; float: inherit; right: 0; padding-right: -10px; padding-left: -10px; background-color: #1e1e1e }
.Copyright {
float: left;
bottom: 0;
padding-left: 1%;
width: 65%;
align-items: flex-start;
}
.img1{
width: 100%;
height: 100%;
padding-right: 20%;
margin-right: 20%
}
.Copyright p {
text-align: left;
font-size: 15px;
}
.privacy {
align-content: right;
float: right;
margin-bottom: 3%;
padding-bottom: 2%;
padding-right: 4%;
width: 35%;
text-align: right;
}
.wrap-mob {
display: none
}
.privacy-mob {
display: none
}
.Copyright-mob {
display: none
}
.pl{
width: 90%;
margin-left: 5%;
margin-right: 5%
}
.his, .dowj, .heat{
width: 98%;
margin-left: 1%;
margin-right: 1%
}
.matrix{ width: 88%;
margin-left: 6%;
margin-right: 6%
}
.dj{
width: 80%;
margin-left: 10%;
margin-right: 10%
}
.pair{
width: 100%;
margin-left: 5%;
margin-right: 5%
}
.node{
width: 570px;
/*
margin-left: 5%;
margin-right: 5%;
*/
padding: 3%;
height: 370px;
}
.dtc{ width: 720px;
padding: 3%;
height: 490px;
}
.dt{ width: 520px;
padding: 3%;
height: 370px;
}
.subp{ width: 900px;
/*
margin-left: 5%;
margin-right: 5%;
*/
padding: 10%;
height: 500px;
margin-bottom: -10%
}
.con{
height: 140px; width: 100%; padding: 1%
}
.kfold{ height: 150px; padding-bottom: 10px; margin-bottom: 10px; float: inherit; background-color: #1e1e1e; margin-left: auto; margin-right: auto }
.strat{ height: 300px; padding-bottom: 10px; margin-bottom: 10px; float: inherit; background-color: #1e1e1e; margin-left: auto; margin-right: auto }
.class{ height: 150px; padding-bottom: -10px; margin-bottom: 10px; float: inherit; background-color: #1e1e1e; margin-left: auto; margin-right: auto }
.pear{ height: 150px; padding-bottom: -10px; margin-bottom: 10px; float: inherit; background-color: #1e1e1e }
.article{
padding: 5%;
margin: 5%
}
}
@media only screen and (max-width: 400px) {
.con{
height: 130px; width: 100%; padding: 1%
}
.pl{
width: 90%;
margin-left: 5%;
margin-right: 5%
}
.bayes{text-align: left;
margin-left: 1%;
background-color: #AFE1AF;
margin-right: 1%;
padding: 1%;
padding-left: 2%;
padding-bottom: 0;
margin-top: 0
}
.his, .dowj, .heat{
width: 98%;
margin-left: 1%;
margin-right: 1%
}
.report{
width: 100%;
padding-bottom: -8%;
background-color: #1e1e1e
}
.rep{
display: flex;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
}
.pair{ width: 100%;
margin-left: 5%;
margin-right: 5%}
.wrap-mob {
bottom: 0;
position: relative;
overflow-y: hidden
}
.dow{
display: flex;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
}
.matrix{ width: 84%;
margin-left: 8%;
margin-right: 8%
}
.select{height: 100px; width: 80%; margin-left: 10%; padding-bottom: -10px; margin-bottom: 10px; float: inherit; background-color: #1e1e1e }
.seaS, .seaM, .seaL, #ver, .numS, .numXS, .scikS{background-color: #D3D3D3;
display: flex;
padding: 3%;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
text-align: left;
}
.seaL{font-size: max(3.5vw, 13px);}
.numRL, .numRXL, .ansXXL, .ansLM, .ansXL, .ansM{
display: flex;
padding: 3%;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
background-color: #AFE1AF;
margin-left: 3%;
margin-right: 3%;
}
.numR, .numRM{
display: flex;
padding: 3%;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
background-color: #AFE1AF;
margin-left: 5%;
margin-right: 5%
}
.dt{
width: 500px;
padding: 5%;
height: 350px;
}
.dtc{ width: 700px;
padding: 3%;
height: 470px;
}
.node{
width: 500px;
/*
margin-left: 5%;
margin-right: 5%;
*/
padding: 5%;
height: 350px;
}
.subp{ width: 750px;
/*
margin-left: 5%;
margin-right: 5%;
*/
padding: 10%;
height: 350px;
margin-bottom: -10%
}
.numRS{text-align: left;
margin-left: 32%;
background-color: #AFE1AF;
margin-right: 32%;
padding: 2%;
margin-top: 0
}
.pand3X, .pandXXL, .pandM, .pandXL, .pandSM, .dup, .myInput, .pand4X, .pandXXL, .pand5X{
/* display: flex; */
background-color: #D3D3D3;
margin-top: 2%;
margin-bottom: 2%;
margin-left: 0.5%;
margin-right: 0.5%;
font-size: 10px important!;
padding: 2%;
/* overflow-x: auto; */
overflow-y: hidden;
white-space: nowrap;
}
.solXXL{
display: flex;
background-color: #AFE1AF;
margin-top: 2%;
margin-bottom: 2%;
margin-left: 0.5% important!;
margin-right: 0.5% important!;
font-size: 10px important!;
padding: 2%;
overflow-y: hidden;
white-space: nowrap;
}
.pandL{
/* display: flex; */
background-color: #D3D3D3;
margin-top: 2%;
margin-bottom: 2%;
margin-left: 0.5%;
margin-right: 0.5%;
font-size: 8px important!;
padding: 2%;
overflow-x: auto important!;
overflow-y: hidden;
white-space: nowrap;
}
.order{ height: 250px; padding-bottom: -10px; margin-bottom: 10px; float: inherit; right: 0; background-color: #1e1e1e }
.amount{
display: flex;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
}
.kfold{ height: 250px; padding-bottom: 5px; margin-bottom: 10px; float: inherit; background-color: #1e1e1e; }
.strat{ height: 300px; padding-bottom: 5px; margin-bottom: 10px; float: inherit; background-color: #1e1e1e; }
.class{ height: 150px; padding-bottom: 5px; margin-bottom: 10px; float: inherit; background-color: #1e1e1e; }
.dow5{height: 150px; margin-left: 20%; margin-right: 20%; padding-bottom: -30px; margin-bottom: 10px; float: inherit; right: 0; background-color: #1e1e1e }
.pivot{ height: 200px; padding-bottom: -10px; margin-bottom: 10px; float: inherit; right: 0; background-color: #1e1e1e }
.dj{height: 80px; padding-bottom: -30px; margin-bottom: 10px; float: inherit; background-color: white }
.tit{ height: 150px; padding-bottom: -10px; margin-bottom: 10px; float: inherit; background-color: #1e1e1e}
.firstD, .titan, .pear{ height: 150px; padding-bottom: -10px; margin-bottom: 10px; float: inherit; background-color: #1e1e1e }
.firstS{ height: 120px; width: 60%; margin-left: 20%; margin-right: 20%; margin-bottom: 10px; }
.rename{ height: 250px; padding-bottom: -10px; margin-bottom: 10px; float: inherit; right: 0; background-color: #1e1e1e }
.rel{ height: 250px; padding-bottom: -10px; margin-bottom: 10px; float: inherit; right: 0; background-color: white}
.lamb{ height: 250px; padding-bottom: -10px; margin-bottom: 10px; float: inherit; right: 0; background-color: #1e1e1e }
.merge{height: 90px; padding-bottom: -10px; margin-bottom: 10px; float: inherit; background-color: #1e1e1e }
.inner{ height: 100px; padding-bottom: -10px; margin-bottom: 10px; float: inherit; background-color: #1e1e1e}
.twoD{ width:90%; margin-left: 5%; padding-bottom: -10px; margin-bottom: 10px; float: inherit; background-color: #1e1e1e }
.Copyright-mob p{font-size: 13px; text-align: left;}
.privacy-mob a{font-size: 14px}
.privacy-mob {
margin-left: 3%;
padding-left: 3%
}
.wrap{display: none}
.privacy{display: none}
.Copyright{display: none}
#myBtn{
padding: 9%; margin-right: 7px; border: none; border-radius: 2px; background-color: white ; color: #4F7942; margin-top: 15px;
}
.logoM{width: 65%; height: 50px; max-width: 100%; margin-left: -2%; padding-left: -2%; margin-top: 15px; float: left; margin-bottom: 20px }
.article{
padding: 5%;
margin: 5%
}
/*
.article p{
margin: 3%
}
*/
.Copyright-mob {
margin-left: 2%;
padding-left: 2%;
}
}
.logoM{width: 250px; height: 50px; max-width: 100%; margin-left: 3%; margin-top: 20px; float: left; margin-bottom: 20px }
.image{ float: left; width: 70%; margin-right: 5%; margin-bottom: 45px}
@media only screen and (orientation: landscape) and (max-height: 500px){
body{height: 100%}
body p{
color: black;
text-align: center;
font-size: 10px;
opacity: 0.9
/* vertical-align: text-top; */
}
.article{
background-color: white;
margin: 10px;
padding: 2%;
font-size: 2vw
}
.article p{
font-size: 15px
}
html{overflow-y: scroll;}
.wrap{
position: relative
}
}
.general{display: flex; justify-content: space-between; margin: 10px;}
.navbar{float: left; height: 50px; width: 60%; text-align: right; justify-content: space-around; padding-right: 25px; color: white; margin-top: 4%}
#myBtn{font-size: 15px}
#smallt{ font-size: 5.5vw; font-family: 'Times New Roman', serif;}
#dead{font-size: 5vw; vertical-align: middle;}
.spec{font-size: 5.5vw; margin-left: 7px; margin-bottom: 3em; color: #4F7942}
#l2{font-size: 5.5vw; font-family: 'Times New Roman', serif;}
.favi{max-width: 100%;
height: auto;}
.list{line-height: 27px; margin-bottom: 3.5px}
#instr{text-align: center;}
#expo{text-decoration: underline;}
.cust{color: #1B1212;}
#expl{font-size: 13px;}
#RN{text-decoration: underline;}
.code{display: flex; width: 100%}
.code2{width: 35%; margin: 1%; margin-top: 2%; margin-right: 2%; margin-bottom: 3%}
#app{width: 100%; height: 450px; border: 2px solid green;}
#app2{width: 100%; height: 550px; border: 2px solid green; margin-top: 20px}
.Copyright p{color: whitesmoke}
.Copyright-mob p{color: whitesmoke}
.privacy a{color: whitesmoke}
.privacy-mob a{color: whitesmoke}
.code2{width: 35%; margin: 1%; margin-top: 2%; margin-right: 2%; margin-bottom: 3%}
.topic{text-align: center;}