.header{  display: flex; gap: 12px; padding: 12px; background: 12px; background-color: rgb(255, 255, 255);flex-direction: column; align-items: center;}
nav {display: flex; flex-direction: row; align-items: center; padding: 10; gap: 50px; font-size:20px;font-weight: 200; font-family: 'Heebo', sans-serif;}
nav a{color:inherit; text-decoration-line: none; }
nav a:hover {color:#ff6718; text-decoration-line: none;}
/* dropdown menu */
.dropbtn {background-color: rgb(255, 255, 255); padding: 10px; border: none; font-size: 20px; font-family: 'Heebo', sans-serif;}
.dropdown-content {display: none; position: absolute; background-color: #000000; min-width: 170px;}
.dropdown-content a {color: rgb(255, 255, 255); padding: 10px 22px 10px; display: block; font-size: 15px;}
.dropdown-content a:hover {background-color: #ff6718;}
.dropbtn:hover {color: #ff6718;}
.dropdown:hover .dropdown-content {display: block;}
.dropdown-content a:hover {color: #ffffff;}
.dropdown:hover .dropbtn{color: #000000;}

#main{display: flex; align-items: center;flex-direction: column; padding: 10px; padding-bottom: 100px}

/* text */
h1 {margin-top: 15px; margin-left: 10px;  width: 800px; height: 10px;
  text-transform:uppercase; color: #000000;   font-size: 42px; text-align: left; font-weight: bold; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;}
h2{font-size: 18px; font-family: Arial, Helvetica, sans-serif;color: #000000; padding-left: 20px; padding-top: 15px;}
h3{font-size: 15px; font-family: Arial, Helvetica, sans-serif;color: #000000;
    padding-left: 30px; padding-top: 30px;}
.creator{display: block;   width: 800px; margin-top: 20px; margin-left: 35px;text-transform: uppercase; color: #4a4a4a; font-size: 12px; font-weight: bold; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;   text-align: left;}
.list-txt{width: 100%; line-height: 22px; padding-left: 80px; padding-bottom: 10px;}
ol>li{font-size: 12px; line-height: 16px; padding-right: 25px; padding-bottom: 5px;}
li{font-size: 14px; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; color: #363432; line-height: 22px;}
sup{color: #080706; font-weight: bold;}
.R_m_step{font-size: 16px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #2f2521; padding-left: 40px; padding-top: 10px;}
p{font-size: 14px;font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;color: #000000; padding-left: 55px; padding-right:75px;}
p.footer{color: #ffffff;}
p.s-list{font-family:'Commissioner', sans-serif; margin-top:10px; margin-bottom: 1px;font-size: 12px; font-weight: bolder;}
p.s-tiny{font-size: 11px; font-family:'Commissioner', sans-serif;padding-left: 0px; padding-top: 0px; padding-right: 20px; margin:0px; }
p.p-comment{margin-top: 10px; margin-left: 45px; margin-bottom: 50px; font-family: 'Commissioner', sans-serif; font-size: 12px; text-align: center;}

/* top information about the recipe */
.list_wrap {min-width:800px; max-width:800px;}
.list {width:90%; display:table; table-layout:fixed;}
.list li{display:table-cell; vertical-align:middle; text-align:center;}
.list li + li {border-left:1px solid #000000;}
 
 /* printer button */
.printer{width: 250px; height: 30px; border-radius: 4px; background-color:#000000;position:relative; top: 25px; right: 265px; color: white; text-align: center; margin-bottom: 30px;}
.printer:hover{background-color: #ff6718; color: #ffffff; font-weight: bold; cursor: pointer;}
.printer_txt{position:relative; align-items: center; font-size: 15px; font-weight: bold;font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; color: white; vertical-align: bottom;}

/* images */
.R_m_1{position: relative; padding-left: 45px; width: 680px;} 

.R_wrap{display:block; width:780px; border-top: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000; border-bottom: 1px dotted #000000; background-color: #eae6e5;}
.R_ingre_note{width:700px; background-color:#b7b3ae; justify-content: center; padding-bottom: 5px;
margin-left: 40px; margin-bottom: 20px;}
.R_wrap_2{display:block; width:780px; border-left: 1px solid #000000; border-right: 1px solid #000000; border-bottom: 1px dotted #000000; background-color: #eae6e5; }
.R_wrap_3{display:block;  width:780px; border-left: 1px solid #000000; border-right: 1px solid #000000; border-bottom: 1px solid #000000; margin-bottom: 0px; background-color: #ffffff}
.no_dot{list-style-type: none;}

 /* printer*/
@media print {header, nav, head.header, .R_ingre_note, img, div.printer, .dropdown, a {display: none;} 
html, body {margin: 0; page-break-after: avoid;page-break-before: avoid;}}
@page {margin:0mm;}
.page{overflow:hidden; position:relative;}

footer{position: fixed; height: 40px; width: 100%; padding-top:20px; bottom: 0; border-top: 1px solide #dddddd; background-color: #000000; font-size: 14px; color: rgb(217, 217, 217); font-family:Arial, Helvetica, sans-serif; text-align: center;}