/* 06.03 */
html {overflow-x: hidden;
height: 100%;
opacity: 0.9;
margin-bottom: 0;
}
body{
background-color: #88a461;
background-position: center;
background-repeat: no-repeat;
overflow-x: hidden;
}
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;
}
.pho{
color: green;
font-weight: bold;
}
.paper{
color: grey;
font-weight: bold;
}
.us{
color: pink;
font-weight: bold;
}
.bo{
color: red;
font-weight: bold;
}
.shop{
color: black;
font-weight: bold;
}
.bars{
color: blue;
font-weight: bold;
}
.list a{
text-align: left;
margin-bottom: 5px;
line-height: 32px;
padding-bottom: 20px;
margin-top: 9px;
font-size: 18px;
}
.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
}
.fa {
padding: 5px;
font-size: 30px;
width: 30px;
text-align: center;
text-decoration: none;
}
.fa-instagram {
background: #C13584;
color: white;
}
.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}
@media only screen and (max-width: 1080px) and (min-width: 501px){
#cons6{
background-color: #9FE2BF;
text-align: left;
margin-left: 16%;
margin-right: 16%;
padding: 1.5%;
border-radius: 10px;
margin-top: 0
}
#cons7{
background-color: #9FE2BF;
text-align: left;
margin-left: 8%;
margin-right: 8%;
padding: 1.5%;
border-radius: 10px;
margin-top: 0
}
#cons1{
background-color: #9FE2BF;
text-align: left;
margin-left: 12%;
margin-right: 12%;
padding: 2%;
border-radius: 10px;
margin-top: 0
}
#cons, #cons2, #cons5{
background-color: #9FE2BF;
text-align: center;
margin-left: 22%;
margin-right: 22%;
padding: 2%;
border-radius: 10px;
margin-top: 0
}
#class2{
background-color: #9FE2BF;
text-align: left;
margin-left: 20%;
margin-right: 20%;
padding: 2%;
border-radius: 10px;
margin-top: 0
}
#gen2{background-color: #9FE2BF;
text-align: left;
margin-left: 18%;
margin-right: 18%;
padding: 2%;
border-radius: 10px;
margin-top: 0
}
#gen1{ background-color: #9FE2BF;
text-align: center;
margin-left: 22%;
margin-right: 22%;
padding: 2%;
border-radius: 10px;
margin-top: 0
}
#class{
background-color: #9FE2BF;
text-align: left;
margin-left: 20%;
margin-right: 20%;
padding: 2%;
border-radius: 10px;
margin-top: 0
}
#gua{
background-color: #9FE2BF;
text-align: left;
margin-left: 22%;
margin-right: 22%;
padding: 2%;
border-radius: 10px;
margin-top: 0
}
#guard, #cons3, #cons4{
background-color: #9FE2BF;
text-align: left;
margin-left: 12%;
margin-right: 12%;
padding: 2%;
border-radius: 10px;
margin-top: 0
}
#uni{
background-color: #9FE2BF;
text-align: center;
margin-left: 20%;
margin-right: 20%;
padding: 1%;
margin-top: 0;
border-radius: 10px;
}
#uni2{
background-color: #9FE2BF;
text-align: center;
margin-left: 18%;
margin-right: 18%;
padding: 1%;
margin-top: 0;
border-radius: 10px;
}
#uni3, #uni4{background-color: #9FE2BF;
text-align: center;
margin-left: 18%;
margin-right: 18%;
padding: 1%;
margin-top: 0;
color: black;
border-radius: 10px
}
#int{ background-color: #9FE2BF;
text-align: left;
margin-left: 22%;
margin-right: 22%;
padding: 2%;
border-radius: 10px;
margin-top: 0
}
#intlong{
background-color: #9FE2BF;
text-align: center;
margin-left: 20%;
margin-right: 20%;
padding: 2%;
border-radius: 10px;
color: black
}
#int2{
background-color: #9FE2BF;
text-align: left;
margin-left: 18%;
margin-right: 18%;
padding: 2%;
border-radius: 10px;
color: black
}
#inter6, #inter7{
background-color: #9FE2BF;
text-align: center;
margin-left: 12%;
margin-right: 12%;
padding: 2%;
border-radius: 10px;
color: black;
text-align: left
}
#inter, #inter2, #inter3, #gen{
background-color: #9FE2BF;
text-align: center;
margin-left: 20%;
margin-right: 20%;
padding: 2%;
border-radius: 10px;
margin-top: 0
}
#inter4, #inter5{
background-color: #9FE2BF;
text-align: center;
margin-left: 20%;
margin-right: 20%;
padding: 1%;
border-radius: 10px;
color: black
}
#type{ background-color: #9FE2BF;
text-align: left;
margin-left: 20%;
margin-right: 20%;
padding: 2%;
border-radius: 10px;
margin-top: 0
}
#opt2{
background-color: #9FE2BF;
text-align: left;
margin-left: 12%;
margin-right: 12%;
padding: 0.5%;
padding-right: 2%;
padding-left: 2%;
margin-top: 0;
color: black;
border-radius: 10px
}
#opt{
background-color: #9FE2BF;
text-align: left;
margin-left: 16%;
margin-right: 16%;
padding: 1%;
margin-top: 0;
color: black;
border-radius: 10px
}
#fun2{background-color: #9FE2BF;
text-align: center;
margin-left: 22%;
margin-right: 22%;
padding: 1%;
margin-top: 0;
color: black;
border-radius: 10px
}
#fun{ background-color: #9FE2BF;
text-align: center;
margin-left: 22%;
margin-right: 22%;
padding: 1%;
margin-top: 0;
color: black;
border-radius: 10px
}
#tup4{
background-color: #9FE2BF;
text-align: left;
margin-left: 16%;
margin-right: 16%;
padding: 1%;
margin-top: 0;
border-radius: 10px;
}
#tup3{
background-color: #9FE2BF;
text-align: center;
margin-left: 20%;
margin-right: 20%;
padding: 1%;
margin-top: 0;
border-radius: 10px
}
#tup1{
background-color: #9FE2BF;
text-align: center;
margin-left: 16%;
margin-right: 16%;
padding: 1%;
margin-top: 0;
border-radius: 10px
}
#tup2 {
background-color: #9FE2BF;
text-align: center;
margin-left: 16%;
margin-right: 16%;
padding: 1%;
margin-top: 0;
border-radius: 10px
}
#tup, #prim{
background-color: #9FE2BF;
text-align: left;
margin-left: 10%;
margin-right: 10%;
padding: 1%;
margin-top: 0;
border-radius: 10px
}
#array1{
background-color: #9FE2BF;
text-align: center;
margin-left: 16%;
margin-right: 16%;
padding: 1%;
margin-top: 0;
border-radius: 10px;
}
#array{
background-color: #9FE2BF;
text-align: left;
margin-left: 18%;
margin-right: 18%;
padding: 1%;
margin-top: 0;
border-radius: 10px;
}
#any{
background-color: #9FE2BF;
text-align: left;
margin-left: 26%;
margin-right: 26%;
padding: 2%;
border-radius: 10px;
margin-top: 0
}
#enum3, #enex{ background-color: #9FE2BF;
text-align: center;
margin-left: 24%;
margin-right: 24%;
padding: 2%;
border-radius: 10px;
margin-top: 0}
#enum1, #enum2{
background-color: #9FE2BF;
text-align: center;
margin-left: 20%;
margin-right: 20%;
padding: 2%;
border-radius: 10px;
margin-top: 0
}
#funct, #funct1{
background-color: #9FE2BF;
text-align: left;
margin-left: 18%;
margin-right: 18%;
padding: 2%;
border-radius: 10px;
margin-top: 0
}
}
@media only screen and (max-width: 1080px) and (min-width: 601px){
.icon2{ display: flex;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;}
.upd, .upd2, .upd3{
width: 66%; height: 60%; margin-left: 17%}
#grey, #grey2{
background-color: #D3D3D3;
text-align: center;
margin-left: 22%;
margin-right: 22%;
padding: 1%;
margin-top: 0
}
#myInput8, #myInput4{
background-color: #D3D3D3;
text-align: center;
margin-left: 22%;
margin-right: 22%;
padding: 1%;
margin-top: 0
}
#myInput, #myInput1{ background-color: #D3D3D3;
text-align: center;
margin-left: 26%;
margin-right: 26%;
padding: 1%;
margin-top: 0
}
#myInput3, #myInput10{
background-color: #D3D3D3;
text-align: center;
margin-left: 30%;
margin-right: 30%;
padding: 1%;
margin-top: 0
}
#myInput9, #myInput11, #myInput12, #myInput5, #myInput6{
background-color: #D3D3D3;
text-align: center;
margin-left: 20%;
margin-right: 20%;
padding: 1%;
margin-top: 0
}
#myInput7{ background-color: #D3D3D3;
text-align: center;
margin-left: 30%;
margin-right: 30%;
padding: 1%;
margin-top: 0
}
.copybtn4{
margin-right: 20%;
margin-bottom: 0;
border-radius: 5px;
border-width: 1px;
background-color: white;
border-color: grey;
position: relative;
margin-left: 70%;
}
#ant, #grey4{
background-color: #D3D3D3;
text-align: center;
margin-left: 16%;
margin-right: 16%;
padding: 1%;
margin-top: 0;
}
#copy5, #copy6, #copy8, #copy9 {
margin-right: 22%;
margin-bottom: 0;
border-radius: 5px;
border-width: 1px;
background-color: white;
border-color: grey;
position: relative;
margin-left: 68%;
}
#copy7{
margin-right: 30%;
margin-bottom: 0;
border-radius: 5px;
border-width: 1px;
background-color: white;
border-color: grey;
position: relative;
margin-left: 60%;
}
.copybtnD{
margin-right: 33%;
margin-bottom: 0;
border-radius: 5px;
border-width: 1px;
background-color: white;
border-color: grey;
position: relative;
margin-left: 62%;
}
}
@media only screen and (max-width: 1080px) and (min-width: 768px){
html{overflow-x: hidden;}
.wrap{display: flex;
width: 100%;
position: relative;
align-items: flex-end;
bottom: 0;
margin-bottom: 0;
margin-top: 2%
}
.wrap-mob{display: none}
.myInput4 {
background-color: #D3D3D3;
text-align: center;
margin-left: 20%;
margin-right: 20%;
padding: 1%;
margin-top: 0
}
.myInput{
background-color: #D3D3D3;
text-align: center;
margin-left: 20%;
margin-right: 20%;
padding: 1%;
margin-top: 0
}
.code1{
width: 65%; margin: 3%;
}
.app4{height: 650px;width: 90%; margin-right: 35%; margin-left: 10%; padding: 2%; border: 2px solid green; border-radius: 5px; margin-top: 10%;}
.textcode2{text-align: center; margin-left: auto; margin-right: auto; width: 87%}
.pandL{
background-color: #D3D3D3;
text-align: left;
margin-left: 8%;
margin-right: 8%;
padding: 1%;
margin-top: 0}
.pandM{
background-color: #D3D3D3;
text-align: left;
margin-left: 8%;
margin-right: 8%;
padding: 1%;
margin-top: 0
}
.rn, .auth{
display: flex; width: 100%; margin: 1%
}
.rn1, .authentic{
display: inline-block; width: 60%; overflow-x: scroll; background-color: #1e1e1e; box-shadow: 10px 10px 10px grey
}
.rn2{
display: inline-block; width: 40%;
}
.rnapp1{height: 900px; padding-left: -10px; float: inherit; background-color: #1e1e1e; }
.navig{display: flex;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
}
.navi{height: 600px; float: inherit}
.rnapp2{height: 600px; width: 90%; margin-right: 35%; margin-left: 10%; border: 2px solid green; border-radius: 5px; margin-top: 10%;}
.exp, .exp2{color: green; margin-left: 10%;width: 90%; }
.rn3{display: inline-block; width: 60%; overflow-x: scroll; background-color: #1e1e1e; box-shadow: 10px 10px 10px grey}
.rnapp3{height: 700px; float: inherit; background-color: #1e1e1e }
.app4{height: 650px;width: 90%; margin-right: 35%; margin-left: 10%; padding: 2%; border: 2px solid green; border-radius: 5px; margin-top: 10%;}
.app1{width: 70%; margin-left: 15%; border-width: 1px; border-color: gray; }
.ls1{width: 60%; margin-left: 20%; margin-left: 10%; }
.typehead{font-size: 20px; text-align: left; margin-left: 1%; }
.typeicon{font-size: 25px; vertical-align: middle}
.img5{max-width: 45%; margin-top: 5%; margin-left: 40%; object-fit: contain; }
.alt5{margin-right: 35%}
.img2{max-width: 45%; margin-top: 5%; margin-right: 40%; object-fit: contain; }
.fig{text-align: center; }
.rule{width: 80%; margin-left: 10%}
.up{
display: flex;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
margin-left: 15px;
margin-right: 25px
}
.upl{width: 80%; height: 420px; margin-bottom: -20px; float: inherit; margin-left: 10%; margin-right: 10%; }
#grey3{
background-color: #D3D3D3;
text-align: center;
margin-left: 25%;
margin-right: 25%;
padding: 1%;
margin-top: 0
}
.import{
background-color: #D3D3D3;
text-align: left;
margin-left: 10%;
margin-right: 10%;
padding: 1%;
margin-top: 0
}
.social{
background-color: #D3D3D3;
text-align: left;
margin-left: 28%;
margin-right: 28%;
padding: 1%;
margin-top: 0
}
.textcode{ display: flex;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;}
.text1{height: 150px; float: inherit; padding-right: -35px; right: 0; margin-right: -17%; background-color: #1e1e1e }
.text2{width: 70%; height: 220px; }
.fonts{width: 80%; margin-left: 10% }
.short{width: 40%; margin-left: 30%; }
.fonts2{ text-align: center; margin-left: auto; margin-right: auto; width: 70%}
.vect{margin-left: 20%; width: 60%; margin-right: 20%}
.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
}
.content{text-align: center; color: black; font-size: 18px}
.wrap-mob{display: none}
.privacy-mob{display: none}
.Copyright-mob{display: none}
.pap{width: 96%; height: 470px; margin-left: 2% }
.img1{width: 210px; height: 400px; }
/*
.but{width: 180px; height: 70px; margin-left: 35%}
*/
.rnv{width: 50%; display: block; margin-left: auto; margin-right: auto;}
.rating{width: 40%; display: block; margin-left: auto; margin-right: auto;}
.ava{width: 50%; display: block; margin-left: auto; margin-right: auto;}
.price, .search{width: 50%; display: block; margin-left: auto; margin-right: auto;}
.but{width: 30%; height: 60px; display: block; margin-left: auto; margin-right: auto;}
.pod{display: flex; justify-content: center; width: 100%; height: 100%; position: relative }
.style2{display: flex; justify-content: center; text-align: center; margin-left: auto; margin-right: auto; padding-right: 1%; width: 37%; }
.sheet{
height: 520px;
margin-left: auto; margin-right: auto }
}
.res2{
width: 40%;
margin-left: 30%;
height: 10%;
padding: 2%
}
.pl, .his{
width: 40%;
margin-left: 30%;
height: 10%;
padding: 2%
}
.outer{ width: 40%;
margin-left: 30%;
height: 10%;
padding: 2%
}
@media only screen and (min-width: 1081px) {
#cons6, #cons7{
background-color: #9FE2BF;
text-align: left;
margin-left: 29%;
margin-right: 30%;
padding: 1.5%;
border-radius: 10px;
margin-top: 0
}
#cons1{
background-color: #9FE2BF;
text-align: left;
margin-left: 30%;
margin-right: 30%;
padding: 2%;
border-radius: 10px;
margin-top: 0
}
#cons, #cons2, #cons5{
background-color: #9FE2BF;
text-align: center;
margin-left: 40%;
margin-right: 40%;
padding: 2%;
border-radius: 10px;
margin-top: 0
}
#class2{
background-color: #9FE2BF;
text-align: left;
margin-left: 32%;
margin-right: 32%;
padding: 2%;
border-radius: 10px;
margin-top: 0
}
#gen2{background-color: #9FE2BF;
text-align: left;
margin-left: 35%;
margin-right: 35%;
padding: 2%;
border-radius: 10px;
margin-top: 0
}
#gen1{ background-color: #9FE2BF;
text-align: center;
margin-left: 35%;
margin-right: 35%;
padding: 2%;
border-radius: 10px;
margin-top: 0
}
#class{
background-color: #9FE2BF;
text-align: left;
margin-left: 40%;
margin-right: 40%;
padding: 2%;
border-radius: 10px;
margin-top: 0
}
#gua{
background-color: #9FE2BF;
text-align: left;
margin-left: 34%;
margin-right: 34%;
padding: 2%;
border-radius: 10px;
margin-top: 0
}
#guard, #cons4{
background-color: #9FE2BF;
text-align: left;
margin-left: 28%;
margin-right: 28%;
padding: 2%;
border-radius: 10px;
margin-top: 0
}
#cons3{ background-color: #9FE2BF;
text-align: left;
margin-left: 22%;
margin-right: 22%;
padding: 2%;
border-radius: 10px;
margin-top: 0
}
#uni{
background-color: #9FE2BF;
text-align: center;
margin-left: 40%;
margin-right: 40%;
padding: 1%;
margin-top: 0;
border-radius: 10px;
}
#uni2{
background-color: #9FE2BF;
text-align: center;
margin-left: 30%;
margin-right: 30%;
padding: 1%;
margin-top: 0;
border-radius: 10px;
}
#uni3, #uni4{background-color: #9FE2BF;
text-align: center;
margin-left: 30%;
margin-right: 30%;
padding: 1%;
margin-top: 0;
color: black;
border-radius: 10px
}
#int{ background-color: #9FE2BF;
text-align: left;
margin-left: 35%;
margin-right: 35%;
padding: 2%;
border-radius: 10px;
margin-top: 0
}
#intlong{
background-color: #9FE2BF;
text-align: center;
margin-left: 40%;
margin-right: 40%;
padding: 2%;
border-radius: 10px;
color: black
}
#int2{
background-color: #9FE2BF;
text-align: left;
margin-left: 27%;
margin-right: 27%;
padding: 2%;
border-radius: 10px;
color: black
}
#inter6, #inter7{
background-color: #9FE2BF;
text-align: center;
margin-left: 32%;
margin-right: 32%;
padding: 2%;
border-radius: 10px;
color: black;
text-align: left
}
#inter, #inter2, #inter3, #gen{
background-color: #9FE2BF;
text-align: center;
margin-left: 36%;
margin-right: 36%;
padding: 2%;
border-radius: 10px;
margin-top: 0
}
#inter4, #inter5{
background-color: #9FE2BF;
text-align: center;
margin-left: 28%;
margin-right: 28%;
padding: 1%;
border-radius: 10px;
color: black
}
#type{ background-color: #9FE2BF;
text-align: left;
margin-left: 36%;
margin-right: 36%;
padding: 2%;
border-radius: 10px;
margin-top: 0
}
#opt2{
background-color: #9FE2BF;
text-align: left;
margin-left: 35%;
margin-right: 35%;
padding: 1%;
margin-top: 0;
color: black;
border-radius: 10px
}
#opt{
background-color: #9FE2BF;
text-align: left;
margin-left: 30%;
margin-right: 30%;
padding: 1%;
margin-top: 0;
color: black;
border-radius: 10px
}
#fun2{background-color: #9FE2BF;
text-align: center;
margin-left: 34%;
margin-right: 34%;
padding: 1%;
margin-top: 0;
color: black;
border-radius: 10px
}
#fun{ background-color: #9FE2BF;
text-align: center;
margin-left: 34%;
margin-right: 34%;
padding: 1%;
margin-top: 0;
color: black;
border-radius: 10px
}
#tup4{
background-color: #9FE2BF;
text-align: left;
margin-left: 32%;
margin-right: 32%;
padding: 1%;
margin-top: 0;
border-radius: 10px;
}
#tup3{
background-color: #9FE2BF;
text-align: center;
margin-left: 38%;
margin-right: 38%;
padding: 1%;
margin-top: 0;
border-radius: 10px
}
#tup1{
background-color: #9FE2BF;
text-align: center;
margin-left: 34%;
margin-right: 34%;
padding: 1%;
margin-top: 0;
border-radius: 10px
}
#tup2 {
background-color: #9FE2BF;
text-align: center;
margin-left: 30%;
margin-right: 30%;
padding: 1%;
margin-top: 0;
border-radius: 10px
}
#tup, #prim{
background-color: #9FE2BF;
text-align: left;
margin-left: 30%;
margin-right: 30%;
padding: 1%;
margin-top: 0;
border-radius: 10px
}
#array1{
background-color: #9FE2BF;
text-align: center;
margin-left: 30%;
margin-right: 30%;
padding: 1%;
margin-top: 0;
border-radius: 10px;
}
#array{
background-color: #9FE2BF;
text-align: left;
margin-left: 30%;
margin-right: 30%;
padding: 1%;
margin-top: 0;
border-radius: 10px;
}
#any{
background-color: #9FE2BF;
text-align: left;
margin-left: 42%;
margin-right: 44%;
padding: 2%;
border-radius: 10px;
margin-top: 0
}
#enex{
background-color: #9FE2BF;
text-align: left;
margin-left: 40%;
margin-right: 40%;
padding: 2%;
border-radius: 10px;
margin-top: 0
}
#enum3{ background-color: #9FE2BF;
text-align: center;
margin-left: 36%;
margin-right: 36%;
padding: 2%;
border-radius: 10px;
margin-top: 0}
#enum1, #enum2{
background-color: #9FE2BF;
text-align: center;
margin-left: 36%;
margin-right: 36%;
padding: 2%;
border-radius: 10px;
margin-top: 0
}
#funct{background-color: #9FE2BF;
text-align: center;
margin-left: 35%;
margin-right: 35%;
padding: 2%;
border-radius: 10px;
margin-top: 0
}
#funct1{
background-color: #9FE2BF;
text-align: left;
margin-left: 32%;
margin-right: 33%;
padding: 2%;
border-radius: 10px;
margin-top: 0
}
.textcode{ display: flex;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;}
.text1{height: 190px; float: inherit; background-color: #1e1e1e }
#ant, #grey4{
background-color: #D3D3D3;
text-align: left;
margin-left: 28%;
margin-right: 28%;
padding: 1%;
margin-top: 0;
}
#grey, #grey2{
background-color: #D3D3D3;
text-align: center;
margin-left: 35%;
margin-right: 35%;
padding: 1%;
margin-top: 0
}
.copybtnD{
margin-right: 30%;
margin-bottom: 0;
border-radius: 5px;
border-width: 1px;
background-color: white;
border-color: grey;
position: relative;
margin-left: 65%;
}
#myInput1, #myInput8, #myInput9, #myInput10, #myInput11, #myInput12, #myInput5, #myInput6, #myInput{
background-color: #D3D3D3;
text-align: center;
margin-left: 35%;
margin-right: 35%;
padding: 1%;
margin-top: 0
}
#copy7, #copy3{ margin-right: 32%;
margin-bottom: 0;
border-radius: 5px;
border-width: 1px;
background-color: white;
border-color: grey;
position: relative;
margin-left: 57%;
}
#myInput7, #myInput3{
background-color: #D3D3D3;
text-align: center;
margin-left: 40%;
margin-right: 40%;
padding: 1%;
margin-top: 0
}
.copybtn4 {
margin-right: 30%;
margin-bottom: 0;
border-radius: 5px;
border-width: 1px;
background-color: white;
border-color: grey;
position: relative;
margin-left: 60%;
}
#myInput4 {
background-color: #D3D3D3;
text-align: center;
margin-left: 34%;
margin-right: 34%;
padding: 1%;
margin-top: 0
}
.myInput{
background-color: #D3D3D3;
text-align: center;
margin-left: 25%;
margin-right: 25%;
padding: 1%;
margin-top: 0
}
#myInput2{
background-color: #D3D3D3;
text-align: center;
margin-left: 30%;
margin-right: 30%;
padding: 1%;
margin-top: 0
}
#myInput14{
background-color: #D3D3D3;
text-align: center;
margin-left: 30%;
margin-right: 30%;
padding: 1%;
margin-top: 0
}
.pandL{
background-color: #D3D3D3;
text-align: left;
margin-left: 16%;
margin-right: 16%;
padding: 1%;
margin-top: 0
}
.code1{
width: 65%; margin: 3%;
}
.pandM{
background-color: #D3D3D3;
text-align: left;
margin-left: 20%;
margin-right: 20%;
padding: 1%;
margin-top: 0
}
.rn{
display: flex; width: 100%; margin: 1%; max-width: 100%
}
.rn1{
display: inline-block; width: 60%; overflow-x: scroll; background-color: #1e1e1e; box-shadow: 10px 10px 10px grey
}
.rn2{
display: block; width: 40%;
}
.rnapp1{height: 900px; padding-left: -10px; float: inherit; background-color: #1e1e1e; }
.rnapp2{height: 600px; width: 70%; border: 2px solid green; border-radius: 5px; margin-top: 10%; margin-left: 15%}
.exp{color: green; width: 70%; margin-left: 15% }
.rn3{display: inline-block; background-color: #1e1e1e; margin-left: 2%; width: 60%; margin-bottom: 2%; margin-right: 5%; overflow-x: scroll; overflow-y: hidden; box-shadow: 10px 10px 10px grey}
.rnapp3{height: 720px; background-color: #1e1e1e; overflow-y: hidden; object-fit: cover; bottom: 0; float: inherit; padding: 4%; }
.app4{height: 650px; margin-top: 2%; width: 350px; margin-right: 30%; margin-left: 10%; padding: 2%; border: 2px solid green; border-radius: 5px;}
.exp2{color: green; font-size: 16px; margin-right: 30%; width: 350px; margin-left: 10%; padding: 1%;}
.app1{width: 70%; margin-left: 15%; border-width: 1px; border-color: gray; }
.ls1{width: 60%; margin-left: 20%; }
.typehead{font-size: 20px; text-align: left; margin-left: 1%; }
.typeicon{font-size: 25px; vertical-align: middle}
.img5{max-width: 45%; margin-top: 5%; margin-left: 40%; object-fit: contain; }
.alt5{margin-right: 35%}
.img2{max-width: 45%; margin-top: 5%; margin-right: 40%; object-fit: contain; }
.fig{text-align: center; }
.rule{width: 80%; margin-left: 10%}
.up{
display: flex;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
margin-left: 15px;
margin-right: 25px
}
.upl{width: 80%; height: 420px; margin-bottom: -20px; float: inherit; margin-left: 10%; margin-right: 10%; }
#grey3, .rnp{
background-color: #D3D3D3;
text-align: center;
margin-left: 30%;
margin-right: 30%;
padding: 1%;
margin-top: 0
}
.import{background-color: #D3D3D3;
text-align: left;
margin-left: 22%;
margin-right: 22%;
padding: 1%;
margin-top: 0
}
.rnicon{background-color: #D3D3D3;
text-align: left;
margin-left: 26%;
margin-right: 26%;
padding: 1%;
margin-top: 0
}
.social{background-color: #D3D3D3;
text-align: left;
margin-left: 38%;
margin-right: 38%;
padding: 1%;
margin-top: 0
}
.li1{
display: flex;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
margin-right: 5%;
margin-left: 5%
}
.liA{width: 2000px; height: 70px}
.mets2{display: flex;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
}
.met2{width: 90%; margin-left: 5%; margin-right: 5%}
.dbmet{ display: flex;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
margin-left: 5%; margin-right: 5%
}
.mets{
height: 150px; float: inherit; background-color: #1e1e1e;
}
.rules{width: 100%}
.git{
width: 100%; height: 500px; margin: 1%; padding: 1%
}
.textcode{ display: flex; width: 100%; justify-content: center;}
.text2{width: 55%; height: 220px; }
.fonts{width: 80%; margin-left: 10% }
.short{width: 40%; margin-left: 30%; }
.fonts2{ text-align: center; margin-left: auto; margin-right: auto; width: 70%}
.textcode2{text-align: center; margin-left: auto; margin-right: auto; width: 70%}
.rnv{display: block; margin-left: auto; margin-right: auto; width: 80%}
.rating{display: block; margin-left: auto; margin-right: auto; width: 60%}
.ava{display: block; margin-left: auto; margin-right: auto; width: 70%}
.price{display: block; margin-left: auto; margin-right: auto; width: 50%}
.search{width: 50%; display: block; margin-left: auto; margin-right: auto;}
.icon2{text-align: center; margin-left: 30%; width: 40%; height: 30%}
.fonts3{width: 100%; }
.stat{width: 100%; }
.navig{display: flex;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
padding: -5%
}
.navi{height: 890px; float: inherit; }
.lastnav{width: 80%; margin-left: 10%}
.tabs{width: 70%;}
.xc{width: 100%; }
.x1{width: 70%; height: 240px; margin-left: 15%; margin-top: 2%; margin-bottom: 2%}
.code{display: flex; width: 100%}
.app{display: flex; width: 100%; border-color: gray; border-width: 1px;}
.ls{display: flex; width: 100%;}
.images{display: flex; max-width: 100%; text-align: center; }
.tabcode{
display: flex;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
}
.flatcode{ display: flex;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;}
.full{display: flex;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;}
.tab{height: 190px; float: inherit; background-color: #1e1e1e }
.flat{height: 140px; float: inherit; background-color: #1e1e1e }
.fulltype{height: 1600px; float: inherit; background-color: #1e1e1e; padding-top: 1% }
.lib{width: 50%; height: 60%; margin-left: 25%}
.upd{width: 70%; height: 30%; margin-left: 15%}
.upd2{width: 40%; height: 12%; margin-left: 30%}
.upd3{width: 60%; height: 16%; margin-left: 20%}
.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
}
.content{text-align: center; color: black; font-size: 18px}
.wrap-mob{display: none}
.privacy-mob{display: none}
.Copyright-mob{display: none}
.pap{width: 96%; height: 470px; margin-left: 2% }
.img1{width: 210px; height: 400px; }
.but{width: 12%; height: 60px; display: block; margin-left: auto; margin-right: auto;}
.pod{display: flex; justify-content: center; width: 100%; height: 100%; position: relative }
.style2{display: flex; justify-content: center; text-align: center; margin-left: auto; margin-right: auto; padding-right: 1%; width: 35%; }
.lab{display: flex; justify-content: center; margin-left: 40%; padding-right: 1%; width: 20%; }
.sheet{width: 60%; height: 590px; margin-left: auto; margin-right: auto }
.lab1{width: 100%; height: 700px}
.step{text-align: left; color: black; margin-left: 5%}
.fire1{width: 50%; text-align: center; margin-left: 25%}
.git2{
width: 90%; margin-left: 5%; height: 50%
}
.metM{display: none}
.metD{margin-left: 20px}
.methods{text-align: left; margin-left: 3%}
}
.deli{ width: 38%;
margin-left: 31%;
height: 4%;
padding: 2%
}
@media only screen and (max-width: 767px) {
.exp, .exp2{
/*
text-align: center; margin-left: 30%; margin-top: 10%;color: green
*/
display: none
}
body{height: 100vh;
}
.rn{
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
}
.rn1, .rn3{
display: inline-block; width: 100%; overflow-x: scroll; background-color: #1e1e1e; box-shadow: 10px 10px 10px grey
}
.rn2{ width: 100%; margin-top: 5%; overflow-x: hidden; display: block
}
.rnapp1, .rnapp3{
height: 800px; display: flex
}
.rnapp3{
height: 600px; display: flex
}
.rnapp2{
width: 66%; height: 350px;
margin-left: 17%;
border: 2px solid green;
border-radius: 10px; overflow-x: hidden;
}
.app4{
width: 60%; height: 100%;
margin-left: 20%;
border: 2px solid purple;
border-radius: 10px; overflow-x: hidden; padding: 1%
}
.exp, .exp2{
/*
text-align: center; margin-left: 30%; margin-top: 10%;color: green
*/
display: none
}
.typehead{font-size: 22px; text-align: center}
.typeicon{display: none}
/*.typeicon{font-size: 25px; vertical-align: middle} */
.methods{text-align: left; margin-left: 2%;}
.metD{display: none}
.bul{display: none}
.xc{display: none}
.look{display: none;}
.navbar {
display: none;
}
.mob{display: block;
}
#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;
}
}
@media only screen and (max-width: 767px) and (min-width: 501px){
.style2{display: flex; justify-content: center; width: 100%; }
.sheet{
height: 520px;
margin-left: 20%;
margin-right: 20%}}
@media only screen and (max-width: 767px) and (min-width: 401px){
html{
overflow-x: hidden;
}
/*.pandM, .pandL{font-size: 3vw;} */
.rnv{height: 40%; width: 100%}
.ava, .rating{height: 30%; width: 80%; margin-left: 10%}
.price{height: 30%; width: 80%; margin-left: 10%}
.search{width: 80%; margin-left: 10%}
/*
.pandL{
background-color: #D3D3D3;
text-align: left;
margin-left: 12%;
margin-right: 12%;
padding: 1%;
margin-top: 0}
*/
.pandL{
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;}
body, .article{overflow-x: hidden;}
body{position: relative}
.wrap{display: flex;
width: 100%;
position: relative;
align-items: flex-end;
bottom: 0;
margin-bottom: 0;
margin-top: 2%
}
.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%}
.lab{display: flex; justify-content: center; width: 90%; margin-left: 5%}
.article{
padding: 5%;
margin: 5%
}
.rules{
display: flex;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
}
.textcode{
display: flex;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
}
.tabcode{display: flex;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;}
.flatcode{
display: flex;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
}
.textcode2, .icon2, .rni{
display: flex;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
}
.textcode3{
display: flex;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
}
.app{display: flex;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
}
.ls{display: flex;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
}
.stat, .full{ display: flex;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;}
.fonts2{ display: flex;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;}
.fonts3, .nav, .ls, .navig{
display: flex;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
}
.text1{height: 190px; float: inherit; margin: -15%; padding-right: -35px; right: 0; margin-right: -17%; background-color: #1e1e1e }
.text2{height: 190px; float: inherit; right: 0; padding-right: -10px; padding-left: -10px; background-color: #1e1e1e }
.tab{height: 190px; float: inherit; right: 0; padding-right: -10px; padding-left: -10px; background-color: #1e1e1e }
.flat{height: 140px; float: inherit; right: 0; padding-right: -10px; padding-left: -10px; background-color: #1e1e1e }
.lib{height: 270px; float: inherit; padding-top: -20px; right: 0; background-color: #1e1e1e }
.short{height: 270px; float: inherit; padding-top: -20px; right: 0; background-color: #1e1e1e }
.fonts{height: 270px; float: inherit; padding-top: -20px; right: 0; background-color: #1e1e1e }
.app1{height: 600px; float: inherit; padding-top: -20px; right: 0; background-color: #1e1e1e }
.ls1{height: 450px; float: inherit; padding-top: -20px; right: 0; background-color: #1e1e1e }
.lastnav, .ls1{height: 200px; float: inherit; padding-top: -20px; right: 0; background-color: #1e1e1e }
.fonts2{height: 200px; float: inherit; padding-top: -20px; right: 0; background-color: #1e1e1e }
.navi{height: 600px; float: inherit; padding-top: -20px; right: 0; background-color: #1e1e1e }
.fulltype{height: 1300px; float: inherit; padding-top: -20px; right: 0; background-color: #1e1e1e}
.code1{width: 100%; }
.Copyright {
float: left;
bottom: 0;
padding-left: 1%;
width: 65%;
align-items: flex-start;
}
.img1{
width: 80%;
height: 100%;
padding-right: 20%;
margin-right: 20%
}
.but{ width: 40%;
height: 80%;
padding-right: 20%;
display: block;
margin-right: 30%;
margin-left: 30%
/* margin-right: 30%; */
}
.lab1{
width: 100%;
height: 100%;
}
.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;
}
.code2{
display: none
}
.wrap-mob {
display: none
}
.privacy-mob {
display: none
}
.Copyright-mob {
display: none
}
.pandM{ display: flex;
background-color: #D3D3D3;
margin-top: 2%;
text-align: left;
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;}
.rnicon, .import, .social{
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;
text-align: left;
}
}
@media only screen and (max-width: 400px) {
.pandL, .rnicon, .import{
/* 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;
}
.social{ background-color: #D3D3D3;
margin-top: 2%;
margin-bottom: 2%;
margin-left: 10%;
margin-right: 10%;
font-size: 8px important!;
padding: 2%;
overflow-x: auto important!;
overflow-y: hidden;
white-space: nowrap;
}
.pandM{
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;
}
.wrap-mob {
bottom: 0;
position: relative;
overflow-y: hidden
}
.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;
}
.pod{display: flex; justify-content: center; width: 80%; height: auto; }
.but{
display: block;
width: 50%;
margin-left: auto;
height: 80%;
padding: 4%;
margin-right: auto
}
.textcode{
display: flex;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
max-width: 100%;
margin: 7%
}
.textcode2, .icon2, .rni{
display: flex;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
}
.rnv{height: 40%; width: 100%}
.ava, .price, .rating{height: 30%; width: 80%; margin-left: 10%}
.search{width: 80%; margin-left: 10%}
.textcode3{
display: flex;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
}
.article{
padding: 5%;
margin: 5%
}
.article p{
margin: 3%
}
.Copyright-mob {
margin-left: 2%;
padding-left: 2%;
}
}
@media only screen and (max-width: 600px) {
html{
overflow-x: hidden;
height: 100%;
width: 100%;
left: 0;
right: 0
}
body {
height: 100%;
overflow-x: hidden;
display: block;
width: 100%
}
.vers{
background-color: #D3D3D3;
text-align: center !important;
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%
}
#myInput, #myInput1, #myInput2, #myInput3, #myInput4, #grey, #grey2, #grey3, #myInput5, #myInput6, #myInput7, #myInput8, #myInput9, #myInput10, #myInput11, #myInput12 {
background-color: #D3D3D3;
text-align: center;
margin: 2%;
margin-top: 0;
text-align: left;
}
#grey, #grey2{
font-size: 16px;
}
.grey{ background-color: #D3D3D3;
text-align: center;
padding: 2%;
margin-left: 2%;
margin-right: 2%}
.copybtn, .copybtn4, .copybtn2 {
margin-left: 2%;
margin-right: 2%;
margin-bottom: -2%;
border-width: 1px;
border-radius: 5px;
background-color: white;
}
/*
.article {
margin: 5%;
padding: 5%;
font-size: 16px;
}
*/
.article p {
text-align: left
}
/* .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;}
@media only screen and (min-width: 501px){
.pand{
background-color: #D3D3D3;
text-align: left;
margin-left: 30%;
margin-right: 30%;
padding: 1%;
margin-top: 0
}
.pandSM{
background-color: #D3D3D3;
text-align: left;
margin-left: 32%;
margin-right: 32%;
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
}
.pandXXL{
background-color: #D3D3D3;
text-align: left;
margin-left: 20%;
margin-right: 20%;
padding: 1%;
margin-top: 0
}
.lib{width: 100%}
.return{width: 100%}
.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: 20%;
margin-left: 40%;
height: 6%;
padding: 2%
}
.firstD{width: 34%;
margin-left: 33%;
height: 3%;
padding: 2%
}
.pivot{width: 30%;
margin-left: 35%;
padding: 2%
}
.rename{
width: 26%;
margin-left: 37%;
}
.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%
}
.code1{
width: 65%; margin: 3%;
}
#opt3{display: none}
.met{font-weight: bold;}
.img5{max-width: 45%; margin-top: 5%; margin-left: 40%; object-fit: contain; }
.alt5{margin-right: 35%}
.img2{max-width: 45%; margin-top: 5%; margin-right: 40%; object-fit: contain; }
.fig{text-align: center; }
.flow{width: 40%; margin-left: 30%}
.flower{width: 60%; height: 600px; margin-left: 20%; border: 2px solid #88a461; border-radius: 10px;}
.eipp{ width: 40%; margin-top: 5%;
height: 26%; display: block; margin-inline: auto; border: 2px solid blue; border-radius: 10px;
}
/*
.return{
width: 90%;
margin-left: 5%;
height: 400px
}
*/
.git{
width: 100%; height: 500px; margin: 1%; padding: 1%
}
/*
.textcode{ display: flex; width: 100%; justify-content: center;}
*/
.fontA{width: 45%; height: 120px; }
.text2{width: 60%; height: 220px; margin-left: 20%}
.fonts{width: 90%; margin-left: 5% }
.fonts2{width: 70%; margin-left: 15%}
.fonts3{width: 100%; }
.tabs{width: 70%;}
.info{width: 80%; margin-left: 10%;margin-right: 10%; height: 160px }
.vect{width: 70%; margin-left: 15%; margin-right: 15%}
.plug{width: 54%; height: 30%;float: inherit; right: 0; margin-left: 23%; margin-right: 23%; background-color: #1e1e1e }
.code{display: flex; width: 100%}
.images{display: flex; max-width: 100%; text-align: center; }
.tabcode{
display: flex;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
}
.tab{height: 190px; float: inherit; background-color: #1e1e1e }
.lib{width: 66%; height: 60%; margin-left: 17%}
.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
}
.content{text-align: center; color: black; font-size: 18px}
.wrap-mob{display: none}
.privacy-mob{display: none}
.Copyright-mob{display: none}
.pap{width: 96%; height: 470px; margin-left: 2% }
.img1{width: 230px; height: 420px; }
.pod{display: flex; justify-content: center; width: 100%; height: 100%; position: relative }
}
@media only screen and (max-width: 600px) {
#fun{ background-color: #9FE2BF;
text-align: center;
margin-left: 22%;
margin-right: 22%;
padding: 1%;
margin-top: 0;
color: black;
border-radius: 10px
}
body{height: 100vh;
overflow-x: hidden;
width: 100%
}
html{
overflow-x: hidden;
height: 100%;
width: 100%;
left: 0;
right: 0
}
.eipp{
width: 80%; margin-top: 5%;
height: 60%; margin-left: 10%; border: 2px solid blue; border-radius: 10px;}
.con{
height: 190px; width: 90%; margin-left: 5%
}
.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}
.ex{text-align: center; font-weight: bold;}
.look{display: none;}
.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;
}
}
.new{display: inline-block; color: red; background-color: green; font-size: 35px; }
.icon{ display: inline-block; transform: rotateX(180deg); vertical-align: middle; color: #4F7942; border-width: 2px}
.first{display: block}
.second{display: none}
.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
}
.w {
text-align: center;
margin-left: 25%;
margin-top: 20%;
color: white;
margin-right: 25%
}
.vers{
background-color: #D3D3D3;
text-align: center;
margin-left: 38%;
margin-right: 38%;
padding: 1%;
margin-top: 0
}
#inters2, #inters3{ background-color: #9FE2BF;
text-align: left;
margin-left: 24%;
margin-right: 24%;
padding: 1%;
margin-top: 0;
border-radius: 10px
}
.grey5{
padding: 5%
}
#grey5{
background-color: #D3D3D3;
text-align: center;
margin-left: 15%;
margin-right: 15%;
padding: 3%;
margin-top: 0
}
#cla{ background-color: #9FE2BF;
text-align: left;
margin-left: 25%;
margin-right: 25%;
padding: 2%;
border-radius: 10px;
margin-top: 0
}
#cons8{display: none}
#lit{
background-color: #9FE2BF;
text-align: left;
margin-left: 20%;
margin-right: 20%;
padding: 2%;
border-radius: 8px;
color: black
}
.copybtn {
margin-right: 35%;
margin-bottom: 0;
border-radius: 5px;
border-width: 1px;
background-color: white;
border-color: grey;
position: relative;
margin-left: 60%;
}
.copybtn4 {
margin-right: 30%;
margin-bottom: 0;
border-radius: 5px;
border-width: 1px;
background-color: white;
border-color: grey;
position: relative;
margin-left: 65%;
}
@media only screen and (max-width: 600px) {
html{
overflow-x: hidden;
}
#myInput, #myInput1, #myInput2, #myInput3, #myInput4, #myInput5, #myInput6, #grey, #grey2, #myInput5 #myInput6, #myInput7, #myInput8, #myInput10, #myInput11, #myInput12, .pand {
background-color: #D3D3D3;
text-align: center;
margin: 2%;
margin-top: 0
}
#grey4, #ant, #grey3{ background-color: #D3D3D3;
text-align: left;
margin: 2%;
margin-top: 0;
padding: 1.5%
}
.pand{
background-color: #D3D3D3;
text-align: left;
margin-left: 20%;
margin-right: 20%;
padding: 1%;
margin-top: 0
}
.met{font-size: 18px; text-decoration: underline; color: black}
#grey, #grey2{
font-size: 16px;
}
.amount{
display: flex;
background-color: #181818;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
}
.grey{
background-color: #D3D3D3;
text-align: left;
padding: 2%;
margin-left: 2%;
margin-right: 2%
}
.grey4{ background-color: #D3D3D3;
text-align: center;
padding: 2%;
margin-left: 2%;
margin-right: 2%}
#grey4{margin-bottom: 10%}
.copybtn, .copybtn4 {
margin-left: 2%;
margin-right: 2%;
margin-bottom: -2%;
border-width: 1px;
border-radius: 5px;
background-color: white;
}
.article p {
text-align: left
}
.flower{
width: 80%; margin-top: 5%;
height: 60%; margin-left: 10%; border: 2px solid #88a461; border-radius: 10px;
}
#opt3{
background-color: #9FE2BF;
text-align: left;
margin: 1%;
border-radius: 10px;
padding: 2%;
margin-top: 0;
}
.upd, .upd2, .upd3{height: 160px; float: inherit; padding-top: -30px; right: 0; background-color: #1e1e1e }
.lib{height: 230px; float: inherit; padding-top: -30px; right: 0; background-color: #1e1e1e }
}
@media only screen and (max-width: 500px) and (min-width: 401px){
html{
overflow-x: hidden;
}
.wrap{display: flex;
width: 100%;
position: relative;
align-items: flex-end;
bottom: 0;
margin-bottom: 0;
margin-top: 2%
}
.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 }
#array1, #tup, #tup1, #tup2, #tup3, #fun2, #fun, #opt, #inter4, #inter6, #inter7, #inters2, #inters3{
background-color: #9FE2BF;
text-align: center;
margin: 4%;
border-radius: 10px;
padding: 2%;
margin-top: 0;
}
.twoD{ height: 60px; padding-bottom: -10px; margin-bottom: 10px; float: inherit; right: 0; background-color: #1e1e1e }
#array{
background-color: #9FE2BF;
text-align: left;
margin: 4%;
border-radius: 10px;
padding: 2%;
margin-top: 0;
}
#opt2{display: none}
#opt3{
background-color: #9FE2BF;
text-align: left;
margin: 1%;
border-radius: 10px;
padding: 2%;
margin-top: 0;
}
#tup4{
background-color: #9FE2BF;
text-align: left;
margin: 3%;
border-radius: 10px;
padding: 2%;
margin-top: 0;
}
#any{
background-color: #9FE2BF;
text-align: left;
margin: 20%;
border-radius: 10px;
padding: 2%;
margin-top: 0;
margin-bottom: 0
}
#prim{
background-color: #9FE2BF;
text-align: left;
margin: 4%;
border-radius: 10px;
padding: 2%;
margin-top: 0
}
#uni2, #uni3, #lit, #uni4, #cons1, #cons3, #cons4, #cons6{
background-color: #9FE2BF;
text-align: center;
margin: 2%;
padding: 2%;
margin-top: 0
}
#gua{
background-color: #9FE2BF;
text-align: left;
margin: 2%;
padding: 2%;
margin-top: 0
}
#cons8{
background-color: #9FE2BF;
text-align: center;
margin: 2%;
padding: 2%;
margin-top: 0
}
#cons7{display: none}
#enum2{ background-color: #9FE2BF;
text-align: center;
margin: 10%;
margin-bottom: 8px;
padding: 2%;
margin-top: 0
}
#inter2, #inter, #intlong, #class, #enum1, #enum3, #enex, #int{
background-color: #9FE2BF;
text-align: center;
margin: 15%;
margin-bottom: 8px;
padding: 2%;
margin-top: 0
}
#int2{
background-color: #9FE2BF;
text-align: left;
margin: 0.1%;
margin-bottom: 8px;
padding: 2%;
margin-top: 0
}
#type, #uni, #gen{ background-color: #9FE2BF;
text-align: center;
margin: 10%;
padding: 2%;
margin-top: 0}
#cons, #cons5, #cons2{
background-color: #9FE2BF;
text-align: center;
margin: 14%;
padding: 2%;
margin-top: 0
}
#inter3, #inter5, #gen1, #gen2, #funct, #funct1{
background-color: #9FE2BF;
text-align: center;
margin: 4%;
padding: 2%;
margin-top: 0
}
#class2{
background-color: #9FE2BF;
text-align: left;
margin: 4%;
padding: 2%;
margin-top: 0
}
.ex{text-align: center; font-weight: bold;}
.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%}
.style2{display: flex; justify-content: center; margin-left: auto; margin-right: auto }
.sheet{ width: 350px;
height: 100%;
margin-right: 20%; margin-left: 20%}
.article{
padding: 5%;
margin: 5%
}
.textcode{
display: flex;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
}
.pand{
display: flex;
padding: 3%;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
}
.pand3X, .pandXXL, .pandXL, .pandSM, .dup{
display: flex;
background-color: #D3D3D3;
margin-top: 2%;
margin-bottom: 2%;
margin-left: 1%;
margin-right: 1%;
font-size: 8px;
padding: 3%;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
}
.tabcode{display: flex;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;}
.textcode2{
display: flex;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
}
.amount{
display: flex;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
}
.textcode3{
display: flex;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
}
.flow{ display: flex;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;}
.fonts2{ display: flex;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;}
.fonts3, .navig{
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 }
.rename{ height: 250px; padding-bottom: -10px; margin-bottom: 10px; float: inherit; right: 0; background-color: #1e1e1e }
.firstD{ height: 250px; 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 }
.text1{height: 190px; float: inherit; margin: -15%; padding-right: -35px; right: 0; margin-right: -17%; background-color: #1e1e1e }
.merge{ height: 150px; padding-bottom: -10px; margin-bottom: 10px; float: inherit; right: 0; background-color: #1e1e1e }
.fontA{height: 190px; float: inherit; margin: -15%; padding-right: -35px; right: 0; margin-right: -17%; background-color: #1e1e1e }
.text2{height: 190px; float: inherit; right: 0; padding-right: -10px; padding-left: -10px; background-color: #1e1e1e }
.info{height: 170px; margin-bottom: -2%; float: inherit; right: 0; padding-right: -10px; padding-left: -10px; background-color: #1e1e1e }
.vect{height: 120px; float: inherit; right: 0; padding-right: -10px; padding-left: -10px; background-color: white }
.plug{height: 200px; float: inherit; right: 0; padding-right: -10px; padding-left: -10px; padding-top: -10px; padding-bottom: -10px; background-color: #1e1e1e; margin-top: 10px;}
.tab{height: 190px; float: inherit; right: 0; padding-right: -10px; padding-left: -10px; background-color: #1e1e1e }
.lib{height: 230px; float: inherit; padding-top: -30px; right: 0; background-color: #1e1e1e }
.return{height: 230px; float: inherit; padding-top: -30px; right: 0; background-color: #1e1e1e }
.fonts{height: 270px; float: inherit; padding-top: -20px; right: 0; background-color: #1e1e1e }
.navi{height: 650px; float: inherit; padding-top: -20px; right: 0; background-color: #1e1e1e }
.fonts22{height: 200px; float: inherit; padding-top: -20px; right: 0; background-color: #1e1e1e }
.code1{width: 100%; }
.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;
}
.code2{
display: none
}
.wrap-mob {
display: none
}
.privacy-mob {
display: none
}
.Copyright-mob {
display: none
}
#guard{
background-color: #9FE2BF;
text-align: center;
margin: 2%;
font-size: 18px;
padding: 2%;
margin-top: 0;
border-radius: 10px;
}
.pl{
width: 90%;
margin-left: 5%;
margin-right: 5%
}
.his{
width: 90%;
margin-left: 5%;
margin-right: 5%
}
}
@media only screen and (max-width: 400px) {
html{
overflow-x: hidden;
}
.pl{
width: 90%;
margin-left: 5%;
margin-right: 5%
}
.his{
width: 90%;
margin-left: 5%;
margin-right: 5%
}
.wrap-mob {
bottom: 0;
position: relative;
overflow-y: hidden
}
.select{height: 100px; width: 80%; margin-left: 10%; padding-bottom: -10px; margin-bottom: 10px; float: inherit; background-color: #1e1e1e }
.pand3X, .pandXXL, .pandXL, .pandSM, .dup{
display: flex;
background-color: #D3D3D3;
margin-top: 2%;
margin-bottom: 2%;
margin-left: 0.5%;
margin-right: 0.5%;
padding: 2%;
/* overflow-x: auto; */
overflow-y: hidden;
white-space: nowrap;
}
.order{ height: 250px; padding-bottom: -10px; 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 }
.firstD{ height: 150px; padding-bottom: -10px; margin-bottom: 10px; float: inherit; background-color: #1e1e1e }
.rename{ height: 250px; padding-bottom: -10px; margin-bottom: 10px; float: inherit; right: 0; background-color: #1e1e1e }
.lamb{ height: 250px; padding-bottom: -10px; margin-bottom: 10px; float: inherit; right: 0; background-color: #1e1e1e }
.con{
height: 160px; width: 80%; margin-left: 10%;
}
.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}
#array1, #type{
background-color: #9FE2BF;
text-align: center;
margin: 4%;
border-radius: 10px;
padding: 2%;
margin-top: 0
}
#any{
background-color: #9FE2BF;
text-align: left;
margin: 20%;
border-radius: 10px;
padding: 2%;
margin-top: 0;
margin-bottom: 0
}
#cons, #cons2, #cons5{
background-color: #9FE2BF;
text-align: center;
margin: 10%;
border-radius: 10px;
padding: 2%;
margin-top: 0
}
#cons5{font-size: 17px}
#prim, #array{
background-color: #9FE2BF;
text-align: left;
margin: 4%;
border-radius: 10px;
padding: 4%;
margin-top: 0
}
.twoD{ width:90%; margin-left: 5%; padding-bottom: -10px; margin-bottom: 10px; float: inherit; background-color: #1e1e1e }
#uni2, #uni3, #uni{
background-color: #9FE2BF;
text-align: center;
margin: 4%;
font-size: 18px;
padding: 2%;
margin-top: 0
}
#uni4, #lit, #guard, #fun, #enum2, #gen1, #gen2, #funct, #funct1, #cons1, #cons3, #cons4, #cons6{
background-color: #9FE2BF;
text-align: center;
margin: 2%;
font-size: 18px;
padding: 2%;
margin-top: 0;
border-radius: 10px;
}
#class2{
background-color: #9FE2BF;
text-align: left;
margin: 2%;
font-size: 18px;
padding: 2%;
margin-top: 0;
border-radius: 10px;
}
#gua{ background-color: #9FE2BF;
text-align: left;
margin: 2%;
font-size: 18px;
padding: 2%;
margin-top: 0;
border-radius: 10px;
}
#cons8{
background-color: #9FE2BF;
text-align: center;
margin: 2%;
font-size: 17px;
padding: 2%;
margin-top: 0;
border-radius: 10px;
}
#cons7{display: none}
#type, #inter, #inter2, #intlong, #class, #enum1, #enum3, #enex, #gen, #int, #inter7, #inters2, #inters3{
background-color: #9FE2BF;
text-align: center;
margin: 10%;
border-radius: 10px;
padding: 2%;
margin-top: 0
}
#int2{
background-color: #9FE2BF;
text-align: left;
margin: 0.1%;
margin-bottom: 8px;
padding: 2%;
margin-top: 0
}
#inter3{
background-color: #9FE2BF;
text-align: center;
margin: 3%;
margin-left: 1%;
margin-right: 1%;
padding: 2,5%;
margin-top: 0
}
/*
#opt2{
background-color: #9FE2BF;
text-align: center;
margin: 3%;
margin-left: 5%;
margin-right: 5%;
padding: 3%;
margin-top: 0
}
*/
#tup, #tup1, #tup2, #tup3, #fun2, #opt, #inter4, #inter5, #inter6, #inters{
background-color: #9FE2BF;
text-align: center;
margin: 4%;
border-radius: 10px;
padding: 2%;
margin-top: 0
}
#opt2{display: none}
#opt3{
background-color: #9FE2BF;
text-align: left;
margin: 1%;
border-radius: 10px;
padding: 2%;
margin-top: 0;
font-size: 14px
}
#tup4{
background-color: #9FE2BF;
text-align: left;
margin: 3%;
border-radius: 10px;
padding: 2%;
margin-top: 0
}
.fonts2, .navig{ display: flex;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;}
.Copyright-mob p{font-size: 13px; text-align: left;}
.privacy-mob a{font-size: 14px}
.privacy-mob {
margin-left: 3%;
padding-left: 3%
}
.textcode3{
display: flex;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
}
.return{height: 230px; float: inherit; padding-top: -30px; right: 0; background-color: #1e1e1e }
.wrap{display: none}
.privacy{display: none}
.Copyright{display: none}
.tab{height: 190px; float: inherit; right: 0; padding-right: -10px; padding-left: -10px; background-color: #1e1e1e }
#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 }
.code2{display: none}
.code1{width: 100%}
.style2{display: flex; justify-content: center; height: auto; width: 100%; margin-left: auto; margin-right: auto }
.sheet{
margin-left: auto; margin-right: auto;
width: 100%;
height: auto
}
.pod{display: flex; justify-content: center; width: 80%; height: auto; }
.img1{
width: 100%;
margin-left: 25%;
height: 100%;
}
.textcode{
display: flex;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
max-width: 100%;
margin: 7%
}
.textcode2{
display: flex;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
}
.tabcode{
display: flex;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
}
.textcode3{
display: flex;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
}
.fonts3{
display: flex;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
}
.navi{height: 600px; float: inherit; padding-top: -20px; right: 0; background-color: #1e1e1e }
.fonts{height: 210px; float: inherit; padding-top: -20px; right: 0; background-color: #1e1e1e }
.text2{height: 190px; float: inherit; right: 0; background-color: #1e1e1e }
.fontA{height: 150px; float: inherit; margin: -15%; padding-right: -35px; right: 0; margin-right: -17%; background-color: #1e1e1e }
.info{height: 170px; float: inherit; right: 0; padding-top: -10px; padding-right: -10px; padding-left: -10px; padding-bottom: -20px; background-color: #1e1e1e }
.vect{height: 100px; float: inherit; right: 0; padding-right: -10px; padding-left: -10px; background-color: white }
.plug{height: 190px; float: inherit; right: 0; background-color: #1e1e1e}
.tab{height: 170px; float: inherit; right: 0; background-color: #1e1e1e }
.lib{height: 230px; float: inherit; padding-top: -20px; right: 0; background-color: #1e1e1e }
.article{
padding: 5%;
margin: 5%
}
/* .pandM, .pandL {font-size: 3vw} */
.article p{
margin: 3%;
/* font-size: 10px */
}
.text1{height: 180px; float: inherit; margin: -15%; padding-right: -35px; right: 0; margin-right: -17%; object-fit: cover; background-color: #1e1e1e }
.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 (max-width: 300px){
.mail{font-size: 5vw}
}
@media only screen and (max-width: 350px) {
#tup, #tup1, #tup2, #tup3, #fun, #fun2, #opt, #guard, #inters{
background-color: #9FE2BF;
text-align: center;
margin: 4%;
font-size: 16px;
padding: 2%;
margin-top: 0
}
#gua{
background-color: #9FE2BF;
text-align: left;
margin: 4%;
font-size: 15.5px;
padding: 3%;
margin-top: 0
}
#opt2{display: none}
#opt3{
background-color: #9FE2BF;
text-align: left;
margin: 1%;
border-radius: 10px;
padding: 2%;
margin-top: 0;
font-size: 16px
}
#tup4{
background-color: #9FE2BF;
text-align: left;
margin: 3%;
font-size: 16px;
padding: 2%;
margin-top: 0
}
#type, #inter5, #inter, #inter4, #inter3, #inter2, #intlong, #uni4, #inter6, #int {
font-size: 16px
}
#cla{
background-color: #9FE2BF;
text-align: center;
margin: 0.1%;
font-size: 15px;
border-radius: 10px;
padding: 1%;
margin-top: 0
}
#inter3, #uni4{margin: 2% }
}
@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; */
}
.look{display: none}
.images{display: none }
.article{
background-color: white;
margin: 10px;
padding: 2%;
font-size: 2vw
}
/*
.article p{
font-size: 15px
}
*/
html{overflow-y: scroll;}
.wrap{
position: relative
}
.mail{
font-size: 3vw
}
.pod{display: flex; margin-bottom: 3%;}
.img1{object-fit: contain; max-height: 100%; display: block; margin-left: 5%; 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;}