body{overflow-x:hidden;font-size:25px}.body-light{background-color:#fff}.body-dark{background-color:#343a40!important}*{box-sizing:border-box}h1{font-size:2.3rem}h1 a{color:#fff;text-decoration:none}h1 a:hover{color:#fff;text-decoration:none}h2{font-size:30px;margin-top:30px}figcaption{font-style:italic;font-size:15px;color:gray}video{width:100%}footer{background-color:rgba(9,28,59,.8);color:#fff;height:80px;padding-top:30px;font-size:15px}.cookieconsent{position:fixed;padding:20px;left:0;bottom:0;background-color:rgba(9,28,59);color:#fff;text-align:center;width:100%;z-index:99999}.cookieconsent a{color:#ccc}.navbar-light .navbar-toggler-icon{background-image:none}.fa-bars{color:rgba(0,0,0,.5);padding-right:20px}.navbar-light .navbar-toggler{border:none}.navbar{width:102%;position:fixed;z-index:999}.bars-dark{color:#fff}.navbar-light{background-color:#ebeff2!important}.navbar-dark{background-color:#23272b!important}.navbar-expand-lg .navbar-nav .nav-link{padding-right:2.5rem;font-size:17px}.navbar-dark .navbar-nav .nav-link{color:#fff}.switch{position:relative;display:inline-block;width:60px;height:34px;margin-right:30px}.switch-expanded{left:85%;bottom:150px}.fa-moon{margin-left:-37px}.fa-sun{margin-left:-37px;color:#fff}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s}input:checked+.slider{background-color:#2196f3}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.banner-overlay{background-image:url(../images/banner-image.PNG);background-size:cover;background-repeat:no-repeat;background-position:center center}.banner-text{color:#fff;padding-top:300px;background-color:rgba(0,0,0,.5);height:100vh}.banner-text-content{padding-top:100px;height:43vh}.text-content-light{color:#000}.text-content-dark{color:#fff}.ct-btn-scroll{width:49px;height:49px;position:absolute;bottom:30px;left:0;right:0;margin:auto;z-index:9;border-radius:50%;-webkit-transition:background-color .25s ease-in-out;transition:background-color .25s ease-in-out}.ct-btn-scroll img{height:40px;width:40px}.btn-round{border-radius:30px}.bg-item1{background:#45819c}.bg-item2{background:#aa0505}.bg-item3{background:#4286f4}.bg-item4{background:#f7fa6e}.bg-item5{background:#2c9e43}.bg-item6{background:#088a0d}.bg-item7{background:#1613bd}.bg-item8{background:#e8021d}.bg-item9{background:#42243d}.bg-item10{background:#171516}.bg-item11{background:#303025}.text-cyan{color:#35bdff}.portfolioimages{width:100%}.portfoliocontent h2{font-size:30px}.portfoliocontent-dark{color:#fff}.portfoliocontent-light{color:#000}.txt-half{color:#000;text-align:center}.button-links a{color:#000}.button-links-light a{color:#000}.button-links-dark a{color:#fff}.button-links a:hover{color:#000}#about{padding:40px;padding-top:15px;margin-top:-30px}.portfolioitem-line{display:block;height:2px;background-color:#000}.flex-wrapper{display:flex;flex-flow:row nowrap}.single-chart{width:33%;justify-content:space-around}.circular-chart{display:block;margin:10px auto;max-width:40%;max-height:150px}.circle-bg{fill:none;stroke:#eee;stroke-width:3.8}.circle{fill:none;stroke-width:2.8;stroke-linecap:round;animation:progress 1s ease-out forwards}@keyframes progress{0%{stroke-dasharray:0 100}}.circular-chart.orange .circle{stroke:#ff9f00}.circular-chart.green .circle{stroke:#4cc790}.circular-chart.blue .circle{stroke:#3c9ee5}.percentage{fill:#666;font-family:sans-serif;font-size:.5em;text-anchor:middle}.percentage-light{fill:#666}.percentage-dark{fill:#fff}.skillhead{font-size:20px}#contact{text-align:left;width:50%;margin-left:35%}.contact-icons a{padding:5px}.contact-icons i{color:#000}.contact-icons-light i{color:#000}.contact-icons-dark i{color:#fff}.banner-contact{height:60vh;padding-top:135px}@media (min-width:768px){.h-md-100{height:100vh}.portfolioitem-line{display:none}}@media (max-width:850px){.banner-text{padding-top:145px}#contact{margin-left:25%}#contact a{word-break:break-word}}@media (max-width:900px) and (min-width:850px){.banner-text{padding-top:200px}}@media (min-height:1024px){#about{margin-top:30px}.ct-btn-scroll img{margin-top:-50px}}@media (max-width:500px){.flex-wrapper{display:inline}.circular-chart{max-width:80%;max-height:250px}.single-chart{width:50%;margin-left:23%}.programming-skills h3{word-break:break-all}}