@font-face {
    font-family: Magnum;
    src: url("/?originalUrl=https%3A%2F%2Fmyoby.ca%2Ffonts%2FHelvetica%2520Light.ttf");
    font-weight: normal;
    font-style: normal;
}

.title {
    font-family:Magnum;
    color:#666;
    font-weight:500;
    font-size:20px;
}

.titlesmall {
    font-family: Magnum;
    color: #666;
    font-size: 16px;
}

.paddingleft {
    padding-left: 5vw;
}
.paddingright {
    padding-right:5vw;
}
    
.nav {
    font-family:Verdana;
    color: #888;
    font-size: 17px;
    padding:0px 15px 0px 15px;
}
    .nav:hover {
        font-family: Verdana;
        color: #333;
        font-size: 17px;
        padding: 0px 15px 0px 15px;
        cursor:pointer;
    }

.hey{
    font-family:Magnum;
    color:#666;
    font-size:50px;
    line-height:55px;

}
.smallheywhite {
    font-family: Magnum;
    color: #eee;
    font-size: 20px;
    line-height: 30px;
}

.medtext {
    font-family: Magnum;
    font-size: 23px;
    line-height: 29px;
    color: #333;
}
.smalltext {
    font-family: Magnum;
    font-size: 18px;
    line-height: 22px;
    color: #333;
}
.tinytext {
    font-family: Magnum;
    font-size: 14px;
    line-height: 20px;
    color: #444;
}
.button {
    width: 70%;
    background-color: #1687c7;
    height: 40px;
    color: #eee;
    font-family: Verdana;
    border: none;
    font-size: 18px;
    border-radius: 10px;
    cursor: pointer;
}
.button:hover {
    width: 70%;
    background-color: green;
    height: 40px;
    color: #eee;
    font-family: Verdana;
    border: none;
    font-size: 18px;
    border-radius: 10px;
    cursor:pointer;
}
.text {
    font-family: Magnum;
    color: #333;
}
.textplain {
    font-family: Arial;
    color: #333;
}
.f10 {
    font-size: 10px;
}

.f11 {
    font-size: 11px;
}

.f12 {
    font-size: 12px;
}

.f13 {
    font-size: 13px;
}

.f14 {
    font-size: 14px;
}

.f15 {
    font-size: 15px;
}

.f16 {
    font-size: 16px;
}

.f17 {
    font-size: 17px;
}

.f18 {
    font-size: 18px;
}

.f19 {
    font-size: 19px;
}

.f20 {
    font-size: 20px;
}

.f21 {
    font-size: 21px;
}

.f22 {
    font-size: 20px;
}

.f23 {
    font-size: 23px;
}

.f24 {
    font-size: 24px;
}

.f25 {
    font-size: 25px;
}

.f26 {
    font-size: 26px;
}

.f27 {
    font-size: 27px;
}

.f28 {
    font-size: 28px;
}

.f29 {
    font-size: 29px;
}

.f30 {
    font-size: 30px;
}

.box {
    height: 38px;
    border: solid 1px #888;
    outline:none;
    padding: 8px 10px 5px 10px;
    border-radius: 4px;
}
.alert {
    width: 60vw;
    left: 20vw;
    top: 15vh;
    z-index: 10;
    font-family: Verdana;
    font-size: 18px;
    border: double 8px green;
    border-radius: 8px;
    position: absolute;
    background-color: white;
}
a {
    color: #e4dd66
}
a:hover {
    color:yellow
}
.blacklink {
    color: #444
}
    .blacklink:hover {
        color: #3273dc;
    }

.once {
    text-align:center; 
    padding-right:5vw; 
    padding-top:160px;
}
.provisos {
    width:48%
}
.cards {
}
.letter {
    width:100px;
    font-size:90px;
    text-align:center;
    padding-top:15px;
    height: 120px;
    background-color:white;
    font-family: Magnum; 
    color:pink;
    border-radius:8px;
}
.fulldiv {
    width:100%;
    height:20px;
}