Box Border added

assets/css/main.css

@@ -1912,17 +1912,15 @@ input, select, textarea {
 /* Box */
 
 	.box {
-		box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15), 0px 2px 3px 0px rgba(0, 0, 0, 0.1);
+		background-color: #fffbfb;
+		box-shadow: inset 0px 0px 0px 2px rgba(0, 0, 0, 0.15), 0px 2px 3px 0px rgba(0, 0, 0, 0.1);
 		text-align: center;
 		height: 500px; /* Set a fixed height */
 		padding: 2em;
-		background-image: url("images/bg.png"), -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
-		background-image: url("images/bg.png"), -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
-		background-image: url("images/bg.png"), -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
-		background-image: url("images/bg.png"), linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
 		transition: box-shadow 0.1s ease-in-out, background-color 0.1s ease-in-out, transform 0.1s ease-in-out, color 0.1s ease-in-out;
 		color: inherit;
 		color: #000000 !important;
+		border: 6px solid #000000;
 
 	}
 

index.html

@@ -85,7 +85,7 @@ <h3>St.Xavier's College</h3>
 
 
 		<!-- Portfolio -->
-		<article id="portfolio" class="wrapper style1">
+		<article id="portfolio" class="wrapper style3">
 			<div class="container">
 				<header>
 					<h2>My Recent Projects...</h2>
@@ -165,7 +165,7 @@ <h3>Titanic Data Set</h3>
 					<article id="contact">	
 						<footer>
 							<p>Feel Free To Reach Out @ <a href="mailto:prateekchand208l@gmail.com"> <strong>prateekchand208@gmail.com</strong></a></p>
-							<a href="#home" class="button large scrolly"> Back To Top</a>
+							<a href="#home" class="button small scrolly"> Back To Top</a>
 						</footer>
 
 						<div class="col-12">
@@ -182,8 +182,7 @@ <h3>Find me on ...</h3>
 				</div>
 			</div>
 		</article>
-
-
+	</div>
 		<!-- Scripts -->
 			<script src="assets/js/jquery.min.js"></script>
 			<script src="assets/js/jquery.scrolly.min.js"></script>