.begin{
    border: 1px solid rgb(102, 29, 29);
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 30%;
    margin-right: 30%;
    padding-top: auto;
    padding-bottom: auto;
    padding-left: auto;
    padding-right: auto;
}
.note{
    background-image: url('note.jpg');
    margin-left:30%;
    margin-right:30%;
}
#address {
    font-family: 'shadows into light';
    font-size:36px;
    color: rgb(109, 106, 106);
    text-align:right;
    padding-top: auto;
    padding-bottom: auto;
    padding-left: auto;
    padding-right: auto;
    opacity: 0.13;
}
.coffee{
    float:right;
}
.phone{
    background-image: url("phone-screen.jpg");
    background-repeat:no-repeat;
}
#awake{
    border: 1px solid rgb(102, 29, 29);
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 30%;
    margin-right: 30%;
    padding-top: auto;
    padding-bottom: auto;
    padding-left: auto;
    padding-right: auto;
    opacity:0;
}
#checkPhone{
    border: 1px solid rgb(102, 29, 29);
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 30%;
    margin-right: 30%;
    padding-top: auto;
    padding-bottom: auto;
    padding-left: auto;
    padding-right: auto;
    opacity:0;
}
.homescreen{
    margin-left:130px;
}
.call{
    margin-left:150px;
}
.maps{
    margin-left:310px;
    margin-bottom:20px;
}
.google{
    background-image: url('no-internet.jpg');
    background-repeat:no-repeat;
}
.call-app{
    /* background-image: url('dial.jpg');
    background-repeat:no-repeat; */
    border: 1pt solid rgb(28, 28, 85);
}
.map-app{
    /* background-image: url('mapapp.jpg');
    background-size: 30%;
    background-repeat:no-repeat; */
    background-color:seagreen;
}
button:hover{
    cursor: pointer;
}
#hint, #hint2{
    margin-left: 33%;
    font-family: 'work sans';
}
.hidden, .address{
    font-family: 'work sans';
    margin-left: 33%;
}
.textInput, .textInput2{
    margin-left: 33%;
}
.found, .result{
    margin-left: 13%;
    color:rgb(3, 3, 41)
}
.found:hover{
    color:blueviolet;
}
.thought, .thought2{
    font-family: 'work sans';
    margin-left: 33%;
}
.yes{
    display:none;
    margin-left: 33%;
}
.no{
    display:none;
}
.stop{
    margin-left:33%;
    font-family: 'work sans';
}
.convo{
    background-color:rgb(8, 8, 36);
    color:mintcream;
    font-size: 18px;
}
.answer1{
    display: none;
}
.h2{
    text-align: center;
}
.calling{
    margin-left: 45%;
    color:rgb(8, 8, 36);
    margin-right: auto;
}
.calling:hover{
    color:blueviolet;
} 
.greetings, .question{
    color:rgb(8, 8, 36);
    display: none;
    margin-left: 50%;
}
.me1, .me2, .me3, .me4{
    text-align: right;
    margin: 30px;
}
.endCall{
    margin-left:45%;
}