* {
    padding: 0;
    margin: 0;
    border: 0;
    box-sizing: border-box;
  }
 
body {
    font-family: 'Open Sans', sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #1E272E;
    width: 100vw;
    height: 100vh;
}
.box {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 80%;
    height: 300px;
    margin-top: -100px;
}
.title {
    font-size: 35px;
    font-family: 'Press Start 2P', normal;
    margin-bottom: 30px;
    color: #FFF;
}
 
.box-input {
    width: 100%;
    display: flex;
    justify-content: center;
}
 
#input-url {
    padding: 12px 20px;
    outline: transparent;
    color: #1E272E;
    font-size: 1em;
    font-family: 'Press Start 2P', normal;
    width: 50%;
    height: 65px;
    background: white;
    border: 0px;
    position: relative;
    box-shadow: 
      inset -4px 2px 1px 1px grey,
      inset -4px -2px 1px 1px lightgray,
      inset 4px 0px 1px 1px lightgray;  
}
  
#input-url:hover {
    cursor: pointer;
    background-color: #e9e9e9;
}

#input-url:active {
    top: -1px;
    box-shadow: 
      -4px 2px 1px 1px grey,
      -4px -2px 1px 1px lightgray,
      4px 0px 1px 1px lightgray; 
}

#input-url:focus {
  border: 4px solid black;
  height: 75px;
  bottom: 3.75px;
  box-shadow: 
  inset -4px 2px 1px 1px grey,
  inset -4px -2px 1px 1px lightgray,
  inset 4px 0px 1px 1px lightgray;
}

.btn {
  font-size: 1em;
  font-family: 'Press Start 2P', sans-serif;                                    
  width: 200px;
  height: 65px;
  background: #06C1DE;
  border: 0px;
  position: relative;
  box-shadow: 
    inset -4px 2px 1px 1px grey,
    inset -4px -2px 1px 1px lightgray,
    inset 4px 0px 1px 1px lightgray;   
}

.btn:hover {
  cursor: pointer;
	background-color: #06B6D1;
}

.btn:active {
  top: 5px;
  box-shadow: 
    -4px 2px 1px 1px grey,
    -4px -2px 1px 1px lightgray,
    4px 0px 1px 1px lightgray; 
}

.btn::after {
  content: '';
  background: black;
  position: absolute;
  left: -2.5%;
  top: 0;
  width: 105%;
  height: 100%;
  z-index: -1;
}

.btn::before {
  content: '';
  background: black;
  position: absolute;
  left: 0;
  top: -5%;
  width: 100%;
  height: 113%;
  z-index: -1;
}