portfolio.css

.gamewidget {
    width: 552px;
    height: 167px;
}

/* game image*/
.label {
    height: 75px; /* Set the width of the sidebar */
}
.side {
    width: 30%; /* Set the width of the sidebar */
}

.mySlides {
    height: 400px;
}

.main {
    width: 70%; /* Set the width of the main content */
}
/* Increase the font size of the <h1> element */
h1 {
    font-size: 80px;
}

/* Responsive layout - when the screen is less than 400px wide, make the navigation links stack on top of each other instead of next to each other */
@media screen and (max-width: 900px) {
    .gamewidget {
        width: 208px;
        height: 167px;
    }

    /* game image*/
    .label {
        height: 75px; /* Set the width of the sidebar */
    }
    .side {
        width: 100%; /* Set the width of the sidebar */
    }

    .mySlides {
        height: 250px;
    }

    .main {
        width: 100%; /* Set the width of the main content */
    }
    /* Increase the font size of the <h1> element */
    h1 {
        font-size: 40px;
       }
    
}

.header {
    padding: 80px; /* some padding */
    text-align: center; /* center the text */
    background: linear-gradient(180deg, rgba(87,162,255,1) 64%, rgba(222,243,250,1) 100%); /* green background */
    color: #313094; /* white text color */
    background-repeat: repeat;
    background-position: center;
}

.mySlides {
    padding: 20px;
    margin: auto;
}
.gamepanel {
    padding-bottom: 50px;
}

/* Increase the font size of the <h1> element */
.header h1 {
  font-size: 80px;
}

/* Increase the font size of the <h1> element */
h1 {
    color: #313094; /* white text color */
}

/* Increase the font size of the <h1> element */
h2 {
    font-size: 35px;
    color: #313094; /* white text color */
}
/* Increase the font size of the <h1> element */
h5 {
    font-size: 30px;
}

/* Increase the font size of the <h1> element */
p {
    font-size: 16px;
}

/* Style the top navigation bar */
.navbar {
  overflow: hidden; /* Hide overflow */
  background-color: #c3f3fa; /* Dark background color */
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
}

/* Style the navigation bar links */
.navbar a {
  float: left; /* Make sure that the links stay side-by-side */
  display: block; /* Change the display to block, for responsive reasons (see below) */
  color: #313094; /* White text color */
  text-align: center; /* Center the text */
  padding: 14px 20px; /* Add some padding */
  text-decoration: none; /* Remove underline */
}

/* Right-aligned link */
.navbar a.right {
  float: right; /* Float a link to the right */
}

/* Change color on hover/mouse-over */
.navbar a:hover {
  background-color: #def3fa; /* Grey background color */
  color: black; /* Black text color */
}

/* Ensure proper sizing */
* {
  box-sizing: border-box;
}

/* Column container */
.row {
  display: flex;
  flex-wrap: wrap;
}

/* Create two unequal columns that sits next to each other */
/* Sidebar/left column */
.side {
  background-color: #c3f3fa; /* Grey background color */
  padding: 20px; /* Some padding */
}

.sideimg {
}

/* Main column */
.main {
    background-color: #def3fa; /* White background color */
    padding: 20px; /* Some padding */
}

.footer {
  padding: 20px; /* Some padding */
  text-align: center; /* Center text*/
  background: #ddd; /* Grey background */
}

/* Fake image, just for this example */
.fakeimg {
  background-color: #aaa;
  width: 100%;
  padding: 20px;
}

/* game image*/
.gameimg {
    max-width: 1000px;
    width: 100%;
}

/* label bar*/
.labelbar {
    display: flex;
    width: 100%; /* Set the width of the sidebar */
    flex-wrap: wrap;
}

/* game image*/
.label {
    padding: 10px; /* Some padding */
    float: left; /* Make sure that the links stay side-by-side */
}

/* game image*/
.contactbar {
    width: 100%;
}

/* game image*/
.contact {
    display: flex;
    background-color: #19D1FF;
    width: 100%;
}

/* game image*/
.contactimg {
    display: block;
    height: 70px; /* Set the width of the sidebar */
    padding: 10px 15px; /* Some padding */
    float: left; /* Make sure that the links stay side-by-side */
}

/* game image*/
.contacttxt {
    display: inline-block;
    overflow-wrap: normal;
    color: black;
    font-weight: bold;
    padding-left: 15px; /* Some padding */
    vertical-align: middle;
}