web-scripting / Pokedex Website / main.css
main.css
Raw
*{
    box-sizing: border-box;
}

#wrap {
    width: 90%;
    background-color: rgb(144, 0, 0);
    margin: auto;
    overflow: auto;
    border: 1px solid rgb(255, 247, 0);
}

body {
    background: #00109f;
    text-align: center;
    margin: auto;
    user-select: none; 
    -webkit-user-select: none;
}

header{
    text-align: center;
    color:rgb(255, 247, 0);
    text-shadow: 2px 2px 2px black;
    font-size: 160%;
    font-family: 'Pokemon Solid', sans-serif;

}

h1{
    font-weight: lighter;
}

img{
    border: 2px solid rgb(255, 247, 0);
    margin: 2.5%;
    padding: 2.5%;
    box-shadow: 5px 5px 5px;
}

#navButtons{
    margin: 2.5%;
}

#pokeInfo{
    color:white;
    user-select: text; 
    -webkit-user-select: text;
}

button{
    border: 1px solid black;
    border-radius: 10px;
    background-color: rgba(255, 247, 0, 0.769);
    cursor: pointer;
    font-family: OCR A Std, monospace;
    color: black;
    text-shadow: 2px 2px 2px white;
    box-shadow: 0 3px #999;
    user-select: none; 
    -webkit-user-select: none;
}

button:active {
    background-color: rgb(255, 247, 0);
    box-shadow: 0 1.5px #666;
    transform: translateY(4px);
  }

button:hover{
    border: 1px solid rgb(255, 247, 0);
    border-radius: 10px;
    background-color: rgb(255, 247, 0);
}

input{
    border-radius: 10px;
}

#errorMessage{

    margin-top: 1%;
    margin-bottom: -1%;
    font-family: OCR A Std, monospace;

}

#pokeInfo{
    
    font-family: 'Pokemon Solid', sans-serif;
    letter-spacing: 2px;
}