html,body {height:100%; margin:0; background-color:#6AC092;}
div#container {height:100%; background-image:url('technical-skills.png'); background-size:cover; background-position:center;}
div#container {text-align:center; font-size:1.5em; color:#FFF; /*font-family:"Comic Sans MS";*/}
div#container div.carousel-inner {height:100%; background-color:rgba(0,0,0,0.55)}
div#container div.carousel-inner div.carousel-item {height:100%; position:relative; display:none;}
div#container div.carousel-inner div.carousel-item.active {display:block;}
div#container div.carousel-inner div.carousel-item img {width:100%; height:100%; display:none;}
div#container div.carousel-inner div.carousel-item div.content {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%;}
div#container div.carousel-inner div.carousel-item div.content {line-height:1em}
div#container div.carousel-inner div.carousel-item div.content div.top {font-weight:bold;}
div#container div.carousel-inner div.carousel-item div.content div.bottom {font-weight:normal;}
div#container a.carousel-control-prev,
div#container a.carousel-control-next {display:none;}
div#container ul.carousel-indicators {position:absolute; right:0; bottom:0; left:0; z-index:10; display:flex; justify-content:center; list-style:none;}
div#container ul.carousel-indicators {margin-bottom:3rem;}
div#container ul.carousel-indicators li {width:6px; height:6px; border-radius:50%;}
div#container div.ctaBtn {position:absolute; left:50%; bottom:0; transform:translateX(-50%); margin-bottom:6rem; width:80%;}
div#container div.ctaBtn {background-color:#e90872; color:#FFF; padding:.4em; border-radius:200px; font-weight:600; cursor:pointer; user-select:none;}