@import url('https://fonts.googleapis.com/css2?family=Rubik&display=swap');

         body {
            font-family: Arial, sans-serif;
            color:white;
            background-color:black;
        }



    
    
    #nav1 {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    border-radius: 40px;
    box-shadow: 0px 0px 10px #000000;
   

 
   
}

#nav1 ul {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    border-radius: 0px;
    box-shadow: 0px 0px 10px #000000;

}

#nav1 li {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: black;
    border-radius: 10px;
    box-shadow: 0px 0px 10px #000000;
}

#nav1 a {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: #f2f2f2;
    border-radius: 10px;
    box-shadow: 0px 0px 10px #000000;
}
#nav1 a:hover {
    color:blue;
    background-color: blue;
    border-radius: 10px;
    box-shadow: 0px 0px 10px #000000;
}
#nav1 a:visited {
    background-color: #f2f2f2;
    border-radius: 10px;
    box-shadow: 0px 0px 10px #000000;
}
#nav1 a:active {
    background-color: blue;
    border-radius: 10px;
    box-shadow: 0px 0px 10px #000000;
}
#nav1 a:focus {
    background-color: blue;
    border-radius: 10px;
    box-shadow: 0px 0px 10px #000000;
}



header {
    width:100%;
    background-color:black;

}


.logo {
  text-align:center;
  width:125px;
  height:125px;
  margin-left:0px;
  margin-top:0px;
  padding-bottom:0px;
  
   }





.software .rodi {
	font-size:4.3em;
	font-weight:bolder;
	letter-spacing:3px;
	margin-left:60px;
	padding-top:25px;
	padding-bottom:25px;
}


.software p {
	font-size:x-large;
	padding:11px;
	margin:12px;
	letter-spacing:3px;
	text-align:inherit;
	padding-bottom:25px;
}

.software .btn6 {
    text-align:center;
	font-size:17px;
	display:block;
	border:3px solid white;
	cursor:pointer;
	font-weight:normal;
	padding-left:15px;
	margin-left:18px;

}

.software .btn6 a {
    color:white;
    
}

.software-crypto {
	height:400px;
	margin:0px;
	background:black;
	color:white;
	font-family: 'Rubik', sans-serif;
	padding:13px;
	color:white;
	background-image: url('');
	background-size: cover;
    background-position: center;
}


.software-crypto img {
    display:block;
    height:325px;
    width:325px;
	float:right;
	margin-right:75px;
	padding-bottom:65px;
		
}


.software-crypto .rodi {
	font-size:4.3em;
	font-weight:bolder;
	letter-spacing:3px;
	margin-left:20px;
	padding-top:25px;
	padding-bottom:25px;
}


.software-crypto p {
	font-size:x-large;
	padding:11px;
	margin:12px;
	letter-spacing:3px;
	text-align:inherit;
	padding-bottom:25px;
}

.software-three{
    height:175px;
    font-family: 'Rubik', sans-serif;
}

 
    @media screen and (max-width: 600px) {
        .software .btn6 a {
    color:white;
    padding-left:31px;
}

.software-three{
    height:225px;
    font-family: 'Rubik', sans-serif;
}

    }













#facing {
	margin-left:190px;
	padding-top:28px;
}

.row { margin-bottom: 15px; 
}

.clear { clear: both;
height: 1px;
width: 100%;
}









@media (max-width: 658px){
.nav1 ul {
    
    width:100%;
    height:255px;
    background:silver;
    top:20px;
    left:0;
    
}




.software h1 {
	padding-bottom:5px;
	
}



.software-crypto h1 {
	padding-bottom:5px;
	
}


.software-crypto img {
	display:none;
}

.software {
	height:300px;
	
}

.software-crypto {
	height:300px;
	
}



.software .rodi {
    
    display:inline;
	font-size:2.6em;
	font-weight:bold;
	letter-spacing:3px;
	padding-top:25px;
	padding-bottom:25px;
}


.software-crypto .rodi {
    
    display:inline;
	font-size:2.6em;
	font-weight:bold;
	letter-spacing:3px;
	padding-top:25px;
	padding-bottom:25px;
}

.software-crypto {
	height:450px;
	margin:0px;
	background:black;
	color:white;
	font-family: 'Rubik', sans-serif;
	padding:13px;
	background-image: url('');
	background-size: cover;
    background-position: center;
}
}

@media screen and (max-width: 600px) {
    .rodi {
        padding-left:65px;
    }
}	


.software p {
    display:inline-table;
	font-size:1.4em;
	padding:0px;
	margin:5px;
	letter-spacing:3px;
	text-align:center;
	padding-bottom:20px;
}

.software .btn6 {
	font-size:18px;
	display:block;
	border:5px solid white;
	margin-top:5px;
	cursor:pointer;
	font-weight:lighter;
}






.feet img {
	display:none;
}

.feet {
    height:240px;
    background:#D4D2CF;
    color:white;
    font-family:'Rubik', san-serif;    
}


.foot_class1 {
	font-size:large;
	line-height:2.0em;
	color:#4A4844;	
	padding:15px;

}

.foot_class2 {
    padding:15px;
    display:inline-block;
	font-size:large;
	color:#4A4844;
	line-height:2.0em;
	}
	

}






.haha {
	float:right;
	padding-bottom:45px;
	margin-right:45px;
}

    
.middle {
	height:55px;
	width:100%;
	background-color:silver;
	color:black;
}


.middle li {
	display:inline;
	list-style-type:none;
	font-size:x-large;
	margin-left:275px;
}



.third {
     width:100%;
     height:252px;
     background-color:silver;
     
   }
   

.foot8 {
	width:100%;
	height:120px;
	background-color:silver;	
}

.foot8 ul{
   padding:7px;
	display:inline;
	float:left;
	padding-left:75px;
	list-style-type:none;
	

}

.direct8 {	
	list-style-type:none;
	float:right;
}

.direct8 a:link, a:visited {
	text-decoration:none;
	color:black;
}

.foot8 li{
	font-size:x-large;
}








.main {
	width:100%;
	height:410px;
	background-color:black;
	color:white;
	margin-top:-15px;
	line-height: 1.9;
	background-image: url('/bg_try.jpg');
	background-size: cover;
    background-position: center;
	 	
}

.main h1 {
	margin-left:15px;
	font-size:2.9em;
}

.main p {
	font-size:x-large;
	margin-left:9px;
	padding:2px;
	padding-left:6px;
}




.head3 {
	width:100%;
	height:230px;
	background-color:white;
	color:black;
}

.usa{
	float:left;
	padding-top:5px;
	padding-left:15px;
	margin-right:85px;
	padding-bottom:5px;
}

.head3 h2 {
	padding-left:5px;
	margin-left:10px;
}

.head3 p {
	margin-left:30px;
	font-size:large;
}


.foot8 {
	width:100%;
	height:250px;
	background-color:gray;	
	padding-top:10px;
}

.foot8 ul{
	display:inline;
	float:left;
	margin-left:125px;
	list-style-type:none;
	
}

.direct8 {
	margin-left:150px;
	list-style-type:none;
}


.direct8 a:link, a:visited {
	text-decoration:none;
	color:black;
}

.foot8 li{
	font-size:x-large;
}





   



.services{
    color:white;
}

.rodi-token{
    padding:10px;
    font-size:45px;
}


.software-token{
    background-color:black;
    color:white;
}

#email-token{
    width:20%;
    background-color:white;
}

#name-token{
    width:20%;
    background-color:white;
}

.name-token{
    width:20%;
    background-color:white;
}

#amount-token{
    width:20%;
    background-color:white;
}

.button-token {
        font-size: 1.2em;
        padding: 7px;
        border: 2px solid #ccc;
        border-radius: 5px;
        background-color: white;
        color: black;
    }
    
@media only screen and (max-width: 666px) {
    
 
  

    
 
  
  .drop {
    font-size: 1rem;
    margin: 20px;
    text-align: center;
    font-family:inherit;
    letter-spacing:3px;
  }
  
  .trustline-block {
    height:400px;
    color:white;
    background-color:black;
    font-size:x-large;
    text-align:center;
    font-family: 'Rubik', sans-serif;
    
  }
  
  .token-button-2{
    width:175px;

    
  }
  
  .bottom-p{
      margin-top:0px;
      color:white;
      font-family: 'Rubik', sans-serif;
  }
  
  .rodi{
      text-align:center;
      font-size:2.0em !important;
  }
  

  
}

.form-last{
    color:white;
}



	footer {
  background-color: #f2f2f2;
  padding: 20px;
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: center;
}

li {
  display: inline-block;
  margin: 0 20px;
}

a {
  color: #333;
  text-decoration: none;
}

a:hover {
  color: #555;
}