div{
    border: none;
}
#topNav{
    height: 60px;
    margin-bottom: 30px;
    text-align: center;
    padding: 3%;
    border: none;
    border-bottom: solid bisque;
    border-width: 0.5px;
    padding-bottom:4% ;
    box-sizing: border-box;
    color:bisque;
}
#sideNav{
    height: 480px;
    width:160px;
    float: left;
    margin-left: 2%;
    margin-bottom: 30px;
    color: bisque;
    font-family: 'Comic Sans MS';
    padding:20px;
    border:none;
    font-size: 120%;
    border-radius: 15px;
    background-color: rgb(14, 13, 13);
}
#sideNav a{
    text-decoration: none;
    border: none;
    color: bisque;
    padding-bottom: 2%;
    border-width: 0.2px;
    transition: color 1s, border 1s;
    
}
#sideNav a:hover{
    border-bottom: solid rgba(164, 123, 202, 50%);
    color:rgb(150, 189, 247) ;
    border-width: 0.2px;
}
#roll{
    height: 300px;
    width: 350px;
    margin-left:10%;
    float: left;
    background-image: url('BackRolls.jpg');
    background-size: cover;
    background-attachment: scroll;
    border: none;
    border-radius: 10px;
    font-family:'Comic Sans MS';
    font-size:400%;
    font-weight: bold;
    text-shadow: 0px -1px bisque, 1px 1px bisque, 1px 1px bisque, -1px 0px bisque, 2px 2px 2px black;
    opacity: 90%;
    text-align: center;
    padding: 5%;
    box-sizing: border-box;
}

#roll a{
    font-family:'Comic Sans MS';
    color:black;
    font-size:100%;
    font-weight: bold;
    text-shadow: 0px -1px bisque, 1px 1px bisque, 1px 1px bisque, -1px 0px bisque, 2px 2px 2px black;
    text-decoration:none;
    transition:color 0.5s, font-size 0.5s ;
}
#roll a:hover{
    color:rgb(214, 0, 0);
    font-size:105%;
    
}
#rightRoll{ 
    
    height: 300px;
    width: 500px;
    background-image: url("https://t4.ftcdn.net/jpg/03/51/98/83/360_F_351988357_cquJzq3tFSl9sZqT2hMELLSoPGDzLYCo.jpg");
    margin-left: 50px;   
    float: left;
    text-decoration: none;
    font-family: 'Comic Sans MS';
    font-size: 130%;
    color: bisque;
    border-radius: 10px;
    text-align: center;
    padding: 4%;
    padding-top: 5%;
    box-sizing: border-box;
}
#fill{
    text-shadow: 0px -1px rgb(0, 0, 0), 1prgb(0, 0, 0)rgb(0, 0, 0), 1px 1px rgb(0, 0, 0), -1px 0px rgb(255, 255, 255), 2px 2px 2px black;
    width:82.52%;
    font-family: 'Comic Sans MS';
color:bisque;
font-size: 190%;
    height: 300px;
    padding-top:35px;
    padding-bottom: 50px; 
    box-sizing: border-box;
    float: left;
    margin-left: 0px;
    margin-right: 0;
    margin-top: -120px;
    margin-bottom: 5px;
   border-radius: 10px; 
}  
#fill img{
    float:left;
    border: solid black;
}
#fill::after{
    content:"";
    clear: both;
    display: table;
}
#rightRoll a{
    text-decoration: none;
    font-family: 'Comic Sans MS';
    font-size: 120%;
    border-bottom: solid;
    padding-bottom: 2%;
color:rgb(0, 0, 0);
transition: 0.5s;
border-width: 1px;
}
#rightRoll a:hover{
    font-size: 130%;
}
#fill img{
    
    
    margin-left: 1.5%;
    margin-right: 1.5%;
    border: none;
    border-radius: 10px;
}
#contact{
    height: 300px;
    clear: both;
    border:none;
    border-radius: 10px;
    margin-bottom: -55px;
   
}
#policies{
    margin-top: 0px;
    height: 400px;
    border-radius: 10px;

}
#topNav a{
margin: 4%;
padding: 0.5%;
padding-bottom: 0.5%;
border:none ;
border-width: 0.2px;
font-family: 'Comic Sans MS';
text-decoration: none;
color:rgb(253, 210, 161);
font-size: 120%;
transition: color 1s, font-size 0.4s, text-decoration 0.5s, border 1s;
}
#topNav a:hover{
    font-size: 140%;
    color: rgb(247, 173, 83);
    border-bottom:solid rgb(255, 177, 83);
    border-width: 0.2px;
      
}
body{
    
    background-color: black;
}
#email, #phone, #location{
    color:bisque;
    font-size:120%;
    text-align:center;
    padding:2%;
    box-sizing:border-box;
  width:27.5%;
    height:250px;
    float:left;
    margin-left:3.5%;
    margin-right:2%;
    font-family:'Comic Sans MS';
    border-radius:20px;
    border:none;
}
#contact h1, #policies h1{
    color: beige;
    text-align: center;
    font-size: 200%;
    font-family: "Comic sans MS";
    color:rgb(247, 173, 83) ;
    border-bottom: solid rgb(247, 173, 83) 1px;
    padding-bottom: 1%;
    margin-left: 42%;
    margin-right: 42%;
    box-sizing: border-box;
    font-weight: 900;
}
#email a, #phone a, #location a, #payment a, #cancellation a, #delivery a{
    text-decoration:none;
    color:rgb(247, 173, 83);
    padding-bottom:2%;
    border:none;
    border-width:1px;
    font-size:130%;
    transition:color 0.5s, border 0.5s, font-size 0.5s;
}
#email a:hover, #phone a:hover, #location a:hover{
    color:rgb(247, 173, 83);
    border-bottom:solid rgb(247, 173, 83);
    border-width:2px;
    font-size:160%; 
}
#location{
    width:27%;
}
#payment, #cancellation, #delivery, #pay, #cancel, #deli{
    color:bisque;
    font-size:130%;
    text-align:center;
    padding:2%;
    box-sizing:border-box;
  width:27.5%;
    height:250px;
    border: none;
    float:left;
    margin-left:3.5%;
    margin-right:2%;
    font-family:'Comic Sans MS';
    border-radius:20px;
    
}
#pay, #cancel, #deli{
    border: solid rgb(0, 1, 12);
    border-radius:20px;
    background-image:linear-gradient(to right, rgb(2,2,2) , rgb(10,10,10));
    margin-top: 1%;
    height: 50px;
    font-size: 80%;
    
}
#payIcon, #deliveryIcon, #cancelIcon{
    border: none;
    border-radius: 20px;
    
}
#payment a, #cancellation a, #delivery a{
    font-size: 100%;
}
#payment a:hover, #cancellation a:hover, #delivery a:hover{
    color:rgb(247, 173, 83);
    border-bottom:solid rgb(247, 173, 83);
    border-width:2px;
    font-size:120%;
}
#pay, #cancel, #deli{
    display: block;
    visibility: hidden;
    margin-top: 1%;
    height: 300px;
    font-size: 100%;
    opacity: 95%;
}

#payment, #cancellation, #delivery{
    height: 150px;
}
#policies button{
    border: none;
    background-color: inherit;
    font-family: "Comic Sans MS";
    color: beige;
    font-size: 90%;
    border-bottom: solid beige 1px;
    padding-bottom: 2%;
    cursor: pointer;
    box-sizing: border-box;
    transition:0.5s;
}
#policies button:hover{
    font-size: 100%;
}
#policies img{
    transition: 0.2s;
    cursor: pointer;
}
#policies img:hover{
    padding: 0.5%;
    border:solid rgb(247, 173, 83) 3px;
    border-width:2px;    
    font-size:120%;
    transition: 0.2s;
}

#signForm{
    color:bisque;
    font-family:'Comic sans MS';
    font-size:120%;
    max-width: 800px;
    padding: 1rem;
    color: white;
    border-width: 3px;
    border-style: solid;
    border-image: 
        linear-gradient(
        to bottom, 
        rgb(247, 173, 83), 
        rgba(0, 0, 0, 0)
        ) 1 100%;
    

}
#signForm input[type=text], input[type=password]{
    width:70%;
    border: none;
    border-radius: 10px;
    height: 20px;
    padding:5px;
    background-color: rgb(14, 13, 13);
    color: bisque;
    font-family: 'Comic sans MS';
    transition: all 0.3s;
}
#signForm input[type=text]:focus, input[type=password]:focus{
    background-color: rgb(49, 43, 43);
    border: none;
    outline: none;

}
#signForm button{
    border: none;
    background-color: black;
    color: rgb(0, 126, 84);
    font-size: 62%;
    float: right;
    transition: 0.3s;
    margin-right: 30px;
}
#signForm button:hover{
    cursor: pointer;
    font-size: 65%;
    color: aquamarine;
}
#signForm input[type=submit]{
    width:30%;
    height: 30px;
    font-family: 'Comic Sans MS';
    border: none;
    border-radius: 20px;
    font-size: 85%;
    transition: all 0.3s;
    
    background-color: rgb(14, 13, 13);
    color: rgb(255, 203, 140);
    
}
#signForm input[type=submit]:hover{
    cursor: pointer;
    background-color: rgb(31, 28, 28);
    color: rgb(247, 173, 83);
    
    font-size: 90%;
}
#form1{

    text-align: center;
    margin-left:35% ;
    margin-right:35% ;
    width:30% ;
    box-sizing: border-box;
}
.icon{
        background-color: rgb(14, 13, 13);

}