/* CSS Document */
 body
{
   margin:0;
   padding:0;
   box-sizing: border-box;
   text-decoration: none;
   border:none;
   outline:none;
   font-family:"Roboto",serif;
   font-weight: 400;
     font-style: normal;
     }

html{
	font-size:70%
}

body{
	width:100%;
	height:100vh;
	overflow-x:hidden;
	background-color:antiquewhite;
	color:saddlebrown
}

header{
	margin-top:30px;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	padding:2rem 10%;
	background-color:transparent;
	filter:drop-shadow(10px);
	display:flex;
	justify-content: space-between;
	align-items: center;
	z-index:100;
}

.logo{
	font-size:3rem;
	color:sandybrown;
	font-weight:500;
	cursor:pointer;
	transition:0.5s ease;
}

.logo:hover{
	transform:scale(1.1);
}

.link{
	font-size:2rem;
	color:sandybrown;
	font-weight:400;
	cursor:pointer;
	transition:0.5s ease;
}

.link:hover{
    transform:scale(1.1);
}
nav a{
	font-size:1.8rem;
	color:rosybrown;
	margin-right: 15rem;
	font-weight:200;
	transition:0.3 ease;
	border-bottom:3px solid transparent;
}

nav a:hover,
nav a.active{
	color:sandybrown;
	border-bottom:3px solid transparent;	
}

section{
	min-height: 100vh;
	padding: 5rem 9% 5rem;	
}

.home{
	display:flex;
	justify-content: center;
	align-items:center;
	gap:8rem;
	background-color:antiquewhite;
}

.home-content h1{
	font-size:4rem;
	font-weight:700;
	line-height:1.0;
}

.home-content h3{
	font-size:3rem;
	font-weight:600;
	line-height:1.0;
}

.home-content p{
	font-size:1.5rem;
	
}
.home-img{
	border-radius:50%;
}

.home-img img{
	position:relative;
	width:32vw;
	border-radius:50%;
	box-shadow:0 0 25px;	
}

.Skills{
	background-color:lightyellow
}

.skills-content h1{
	font-size:3rem;
	font-weight:600;
	line-height:1.0;
}

.skills-content p1{
	font-size:1.5rem;	
}

.skills-content table{
	border-collapse:collapse;
	margin:25px;
	font-size:1.5rem;
	min-width:400px;
	border-radius:5px 5px 0 0;
	overflow:hidden;
	text-align:center;
	box-shadow: 0 0 15px;
	
}
.skills-content tbody th{
	padding:12px 15px;
	background-color:khaki;
	color:brown;
	text-align:center;
	font-weight:bold;	
}
.skills-content td{
	padding:12px 15px;
	background-color:lightgoldenrodyellow;
	color:darkorange
}

.Contact{
	background-color:papayawhip;
	box-shadow: 0 0 30px;	
}

.Contact-content h1{
	font-size:3rem;
	font-weight:600;
	line-height:1.0;	
}

.Contact-content h3{
	font-size:2rem;
	background-color:orange;
	font-weight:400;
	padding: 12px 15px;
}

.Contact-content p{
	font-size:1.5rem;
	background-color:floralwhite;
	padding: 12px 15px
}