/* Font Definitions */
@font-face
	{font-family:Georgia;
	panose-1:2 4 5 2 5 4 5 2 3 3;}
 /* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
	{margin-right:0pt;
	text-indent:0pt;
	margin-top:0pt;
	margin-bottom:9.0pt;
	line-height:121%;
	text-align:left;
	font-family:TimesNewsRoman;
	font-size:12.4401pt;
	color:#960018;}
	h2 {  
  text-align: center;  
     margin:0 0 4rem;
     padding:0.8;
     color: #960018;
}  
h3 {  
  text-align: right;  
     margin:0 0 4rem;
     padding:0.8;
     color: #960018;
   bottom margin: 5pt;
}  
h4
	{margin-right:0pt;
	text-indent:0pt;
	margin-top:0pt;
	margin-bottom:8.0pt;
	text-align:center;
	font-family:Georgia;
	font-size:12.0143pt;
	color:#960018;
	font-weight:bold;}
	
p.MsoBodyText3, li.MsoBodyText3, div.MsoBodyText3
	{margin-right:0pt;
	text-indent:0pt;
	margin-top:0pt;
	margin-bottom:9.0pt;
	line-height:121%;
	text-align:left;
	font-family:Georgia;
	font-size:10.0765pt;
	color:black;}
p.MsoOrganizationName, li.MsoOrganizationName, div.MsoOrganizationName
	{margin-right:0pt;
	text-indent:0pt;
	margin-top:0pt;
	margin-bottom:0pt;
	text-align:left;
	font-family:Georgia;
	font-size:13.3492pt;
	color:#CC3366;
	font-style:italic;}
p.MsoOrganizationName2, li.MsoOrganizationName2, div.MsoOrganizationName2
	{margin-right:0pt;
	text-indent:0pt;
	margin-top:0pt;
	margin-bottom:0pt;
	text-align:left;
	font-family:Georgia;
	font-size:12.0143pt;
	color:#CC3366;
	font-weight:bold;}
p.MsoAddress, li.MsoAddress, div.MsoAddress
	{margin-right:0pt;
	text-indent:0pt;
	margin-top:0pt;
	margin-bottom:0pt;
	text-align:left;
	font-family:Georgia;
	font-size:8.1732pt;
	color:black;}
p.MsoTagline, li.MsoTagline, div.MsoTagline
	{margin-right:0pt;
	text-indent:0pt;
	margin-top:0pt;
	margin-bottom:0pt;
	text-align:left;
	font-family:Georgia;
	font-size:10.6794pt;
	color:black;
	font-style:italic;}
p.MsoTitle, li.MsoTitle, div.MsoTitle
	{margin-right:0pt;
	text-indent:0pt;
	margin-top:0pt;
	margin-bottom:0pt;
	text-align:left;
	font-family:Georgia;
	font-size:37.3779pt;
	color:#CC3366;}
ol
	{margin-top:0in;
	margin-bottom:0in;
	margin-left:-2197in;}
ul
	{margin-top:0in;
	margin-bottom:0in;
	margin-left:-2197in;}
	.form_group { 
     position: absolute;
     left:200;
     font-size: 1.2rem;
     padding: 0.8rem 0;
     color:green;
}  
  

	
form { 
     position: float;
     left:680;
     font-size: 1.2rem;
     padding: 8rem 0;
     background-color:#960018;
}  
  
label {  
  text: left; 
  position: float;
  width: 150px; 
  padding: 0.8rem 0;

  color: white;
}   
.container .o_nhap {
     position: absolute;
     left:500px;
     width: 100%;
     font-size: 1.2rem;
     padding: 0.8rem 0;
     color:orange;
     margin-bottom:2rem;
     border:none;
     border-bottom:1px solid #fff;
     outline: none;
 }
 labelu {  
  text: left;  
  width: 500px; 
  height: 1000px;
  color: green;
}   
 .notes {
     min-height: 150px;
     
 }
  .container .o_text {
     position: absolute;
     left:500px;
     width: 500px;
     height: 1000px;
     font-size: 1.2rem;
     padding: 10rem 0;
     color:orange;
     margin-bottom:2rem;
     border:none;
     border-bottom:1px solid #fff;
     outline: none;
 
   
  }

menu_left{
  float: right;
  width: 20%;
}
menu{
  float: left;
  width: 20%;
}
/* Style the "Add" button */
.addBtn {
  padding: 10px;
  width: 25%;
  color: #555;
  float: left;
  text-align: center;
  font-size: 16px;
  cursor: pointer;
  transition: 0.3s;
  border-radius: 0;
}

.addBtn:hover {
  background-color: white;
}
	
textarea {
    min-width: 250px;
    height: 150px;
    padding: 18px;
    font-size: 12px;
    resize: vertical; /* Cho phép thay đổi chiều cao */
  }	
	

body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    background: #f4f4f4;
}

nav {
    background: #a47864;
    padding: 15px;
    color: white;
    text-align: center;
}

.nav-links {
    list-style: none;
    padding: 0;
}

.nav-links li {
    display: inline;
    margin: 0 15px;
}

.nav-links a {
    color: white;
    text-decoration: none;
}

.hero {
    text-align: center;
    padding: 50px;
    background: #007bff;
    color: white;
}

.btn-primary {
    background: #ff9800;
    padding: 10px 20px;
    color: white;
    text-decoration: none;
    border-radius: 5px;
}

.logo {
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    color: white; /* Blue color */
    text-decoration: none;
    padding: 10px 15px;
    display: inline-block;
}

.logo a {
    text-decoration: none;
    color: inherit; /* Inherits color from parent */
}