nav {
            background-color: black;
            color: white;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 20px;
          }
          
          ul {
            display: flex;
            list-style: none;
            margin: 0;
            padding: 0;
          }
          
          li {
            margin: 0 20px;
          }
          
          a {
            color: #fff;
            text-decoration: none;
            font-size: 20px;
            font-weight: 100;
          }

          a:hover {
            color: #4a6570;
          }
          
         
        
        
        body {
			background-color: black;
			color: #4a6570;
			font-family: Consolas, 'Courier New', monospace;
			font-size: 16px;
			line-height: 1.5;
			margin: 0;
			padding: 0;
		}

        

		h1 {
			font-size: 36px;
			font-weight: bold;
			
			text-align: center;
      

		}

		label {
			
			
      color: white;
      font-weight: 100;
      font-family: Consolas, 'Courier New', monospace;
      font-size: 30px;
      margin: auto;
    display: block;
    text-align: center;
    margin-top: 75px;
   
    
		}

		input[type="text"] {
      
      border: 2px solid white;
      border-radius: 0px;
      font-size: 18px;
      font-weight: 100;
      margin: auto;
      margin-top: 5px;
      display: block;
      padding: 10px;
      width: 30%;
      background-color: transparent;
      color: white;
      text-align: center;
      box-sizing: border-box;
		}

		button {
      border: 2px solid white;
            width: 15%;
            margin: 0 auto;
            display: block;
            align-self: center;
            background-color: transparent;
            color: white;
            text-align: center;
            box-sizing: border-box;
		
            
			cursor: pointer;
			font-size: 18px;
      padding: 10px;
			margin-top: 20px;
      
			
		}

		button:hover {
			background-color: #4a6570;
            color: white;
		}

        

		#result {
            display: none;
  color: white;
  
  font-weight: 200;
  text-align: center;
  width: 30%;
  margin: 0 auto;
  padding: 20px;
  background-color: #4a6570;
  border: 6px solid white;
  margin-top: 40px;
  font-size: 18px;
            
		}

    #result-background-color {
      opacity: 0.5;
    }

    

        #sourcecode-link {
            color: #5A7087;
			font-family: Consolas, 'Courier New', monospace;
			font-size: 16px;

        }

        .connect-wallet {
            font-family: Consolas, 'Courier New', monospace;
            position: absolute;
            right: 0;
            top: -15px;
            padding-bottom: 10px;
            padding: 10px 20px;
            transform: translateX(-50px);
            font-size: 20px;
            font-weight: 200;

            
          }
          
          #connect-button {
            font-family: Consolas, 'Courier New', monospace;
            font-weight: 200;
            white-space: nowrap;
            width: 110%;
            height: 110%;
          }

          .profile {
            position: absolute;
            top: 1%;
            right: 40px;
          }
          
          .profile .profile-picture-wrapper {
            position: relative;
          }
          
          .profile .dropdown-menu {
            display: none;
            position: absolute;
            top: calc(100% + 7px);
            right: 0;
            left:-120px;
            width: 100%;
            z-index: 1;
            line-height: 50px;
            min-height: 50px;
            text-align: right;
            
            

            
          }

          
          
          .profile:hover .dropdown-menu {
            display: inline-block;
          }
          
          .profile .dropdown-menu li a {
             border: 2px solid white;
            
            width: 150px;
            padding: 10px;
            display: block;
            align-self: center;
            line-height: 20px;
            background-color: transparent;
            color: white;
            text-align: center;
            box-sizing: border-box;
            
        }

        .profile .dropdown-menu li a:hover {
          background-color: #4a6570;
         
     }
          

        


          #dyor {
            position: absolute;
            width: 50%;
            left: 50%;
            transform: translateX(-50%);
            text-align: center;
            color: white;
          }