#main-page-header {
padding: 40px;
text-align: center;
}
@media only screen and (max-width: 600px) {
#main-page-header {
padding: 0px;
padding-top: 20px;
}
}
#main-carousel {
max-width: 900px;
height: 400px;
margin-left: auto;
margin-right: auto;
}
.carousel-item img {
width: auto;
height: 300px;
margin-left: auto;
margin-right: auto;
}
#books-slide {
width: auto;
height: 300px;
margin-left: auto;
margin-right: auto;
}
@media only screen and (max-width: 600px) {
#main-carousel {
height: 270px;
}
.carousel-item img {
height: 150px;
}
#books-slide {
width: auto;
height: 220px;
margin-left: auto;
margin-right: auto;
}
#microcontroller-slide {
width: auto;
height: 130px;
margin-left: auto;
margin-right: auto;
}
#simulation-slide {
width: auto;
height: 130px;
margin-left: auto;
margin-right: auto;
}
}
.carousel-item p {
width: 60%;
margin-left: auto;
margin-right: auto;
}
.carousel-control-next,
.carousel-control-prev {
filter: invert(100%);
}
#linkedin-image {
height: 200px;
}
@media only screen and (max-width: 600px) {
#networking-section {
width: 80%;
margin-left: auto;
margin-right: auto;
margin-top: 16px;
}
}
.networking-icons {
display: inline-block;
margin-right: 24px;
}
#linkedin-icon {
width: 24px;
height: 24px;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-size: cover;
}
#facebook-icon {
width: 24px;
height: 24px;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-size: cover;
}
#youtube-icon {
width: 26px;
height: 24px;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-size: cover;
}
#twitter-icon {
width: 24px;
height: 24px;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-size: cover;
}
#discord-icon {
width: 24px;
height: 24px;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-size: cover;
}
#udemy-icon {
width: 24px;
height: 24px;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-size: cover;
}
#topmate-icon {
width: 26px;
height: 26px;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-size: cover;
}
.accordion {
width: 80%;
margin-left: auto;
margin-right: auto;
}
@media only screen and (max-width: 600px) {
.accordion {
width: 95%;
}
}
#back-icon {
position: fixed;
top: 12px;
width: 100%;
z-index: 2;
}
#home-icon {
width: 26px;
height: 26px;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-size: cover;
}