*,*:before,*:after{margin:0;padding:0;box-sizing:inherit}html{font-family:Poppins,sans-serif;font-size:62.5%;box-sizing:border-box}body{font-size:1.6rem;font-weight:400;background-color:#fff;color:#000;position:relative;z-index:0}a{color:#f73939;text-decoration:none}img{max-width:100%}li{list-style:none}.container{max-width:200rem;margin:0 auto}.menu ul li{padding:5px;float:right}.header{position:relative;background-color:#000;z-index:1;height:12rem}.dropdown-menu a{color:#000;display:flex;justify-content:center;align-items:center}.title{margin:1rem 0 2rem;text-align:center;color:#fff}.title h1{font-size:3rem;display:inline-block;position:relative;z-index:0;margin-bottom:0}.content h1{text-align:center;font-size:5rem;color:#f73939cc;text-shadow:2px 2px black}.content h2{text-align:center;font-size:2rem}.title h1:after{content:"";position:absolute;left:50%;bottom:-20%;transform:translate(-50%,-50%);background-color:#f73939cc;width:50%;height:.4rem;z-index:1}.projects{color:#000;background-image:url(/assets/images/bg1.png);background-position:down 50%}.projects .content{display:grid;grid-template-columns:1fr 1fr 1fr}.project-description{text-align:center;margin:0rem 3rem 3rem;padding:15px;background:rgba(255,255,255,.5);border-radius:10px}.project-image{width:60%;margin-left:20%;object-fit:cover}.project-title h1{font-size:1.5rem}.project-image.imdb{height:170px;object-position:10% 20%}.project-image.login{height:170px;object-position:30% 10%}.project-image.tab{height:170px;object-position:0% 10%}.project-button{display:inline-block;padding:5px;color:#000;background:rgb(247,57,57);border-radius:10px;margin-top:5px;margin-bottom:5px}.project-button:hover{background:rgb(255,97,97)}.show-more{display:none}.skills .content{background-color:#f73939cc;border-radius:50px 75px;width:60%;margin-left:20%}.main-carousel,.flickity-viewport .flickity-slider{height:40rem}.skill-set{text-align:center;z-index:5;width:60%;height:100%}.skill-set i{font-size:5rem;padding-top:5rem}.skill-set div{font-size:2rem}.skill-set ul{display:grid;grid-template-columns:1fr 50%;font-size:2rem}.skill-title{padding-bottom:2rem}.skill-set p{text-align:center;padding-top:4rem;padding-left:4rem}.skill-set i,.skill-set div{position:relative;word-break:normal;margin:0}.section{padding:5rem 0 7rem;overflow-x:hidden;background-color:#222}.about{color:#fff}.about .content p{margin-top:4rem;margin-left:25%;width:50%;font-size:2rem;text-indent:75px}.about .content span{color:#f73939cc;font-weight:900}.about .content #me{width:20rem;display:block;margin-left:auto;margin-right:auto;margin-top:.5rem}.youtube{background-image:url(/assets/images/bg1.png);background-position:right 50%}.youtube .content h1{text-align:left}.youtube p{font-size:3.5rem;color:#fff}.youtube .content h1,.youtube .content p{padding-left:30%}.youtube .content .etc{font-size:85%}.youtube a:hover{text-decoration:underline;color:#ff6161}#prof-pic{position:relative;float:left;width:20%;margin:0 0 0 5%;border-radius:50%}.email .content{text-align:center}.email p{color:#fff;font-size:2.5rem}.email a{font-size:2rem}.email a:hover{text-decoration:underline;color:#ff6161}.bottom-icon{font-size:5rem;margin:2.5rem;color:#000}.bottom-icon:hover{color:#f73939;cursor:pointer}footer{background-color:#383838;text-align:center;font-size:2rem}@media only screen and (max-width: 1281px){.projects .content{grid-template-columns:1fr 1fr}.skill-set{margin-left:5rem;margin-right:10rem}.skill-set p,.skill-set ul{padding-top:0rem;padding-left:0rem;width:32rem;font-size:85%;left:-2rem;position:absolute}}@media only screen and (max-width: 768px){.youtube .content{display:grid;text-align:center;vertical-align:middle;padding:0}.youtube .content h1,.youtube .content p{position:relative;font-size:2rem;white-space:nowrap;padding:0;text-align:center}#prof-pic{width:35%;margin-left:32%}.skill-set{margin-left:10rem;margin-right:10rem}.skill-set p,.skill-set ul{padding-top:0rem;padding-left:0rem;width:32rem;font-size:85%;left:-7rem;position:relative;justify-content:center}.about .content p{margin-left:10%;width:80%;font-size:2rem}.projects .content{grid-template-columns:1fr}.menu{position:fixed;top:0;left:-100%;width:63%;max-width:40rem;height:100%;background-color:#fff;transition:all .5s ease-in-out;z-index:5}.hamburger{position:relative;color:#fff;font-size:5rem;margin-right:7rem;float:right;cursor:pointer}.menu.show{left:0}body.show:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000c;z-index:1}.move{transform:translate(5%)}.show-more{display:grid;background-color:#f73939;width:15%;border-radius:2rem;text-align:center;margin-left:42%;cursor:pointer}.show-more:hover{background-color:#f7393980}.show-more i{font-size:3rem}}@media only screen and (max-width: 550px){.skill-set{width:15rem}.skills .content{width:auto;margin-left:1.5em;margin-right:1.5em}.youtube #prof-pic{overflow:hidden}.youtube .content{position:relative;justify-content:center}.youtube .content .etc{white-space:normal;text-align:center;justify-content:center;font-size:75%}}/*! Flickity v3.0.0
https://flickity.metafizzy.co
---------------------------------------------- */.flickity-enabled{position:relative}.flickity-enabled:focus{outline:none}.flickity-viewport{overflow:hidden;position:relative;height:100%;touch-action:pan-y}.flickity-slider{position:absolute;width:100%;height:100%;left:0}.flickity-rtl .flickity-slider{left:unset;right:0}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:grabbing}.flickity-cell{position:absolute;left:0}.flickity-rtl .flickity-cell{left:unset;right:0}.flickity-button{position:absolute;background:hsl(0 0% 100% / 75%);border:none;color:#333}.flickity-button:hover{background:white;cursor:pointer}.flickity-button:focus{outline:none;box-shadow:0 0 0 5px #19f}.flickity-button:active{opacity:.6}.flickity-button:disabled{opacity:.3;cursor:auto;pointer-events:none}.flickity-button-icon{fill:currentColor}.flickity-prev-next-button{top:50%;width:44px;height:44px;border-radius:50%;transform:translateY(-50%)}.flickity-prev-next-button.previous{left:10px}.flickity-prev-next-button.next{right:10px}.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px}.flickity-prev-next-button .flickity-button-icon{position:absolute;left:20%;top:20%;width:60%;height:60%}.flickity-page-dots{position:absolute;width:100%;bottom:-25px;text-align:center;display:flex;justify-content:center;flex-wrap:wrap}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dot{display:block;width:10px;height:10px;padding:0;margin:0 8px;background:hsl(0 0% 20% / 25%);border-radius:50%;cursor:pointer;appearance:none;border:none;text-indent:-9999px;overflow:hidden}.flickity-rtl .flickity-page-dot{text-indent:9999px}.flickity-page-dot:focus{outline:none;box-shadow:0 0 0 5px #19f}.flickity-page-dot.is-selected{background:hsl(0 0% 20% / 100%)}