body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{margin:0;padding:0}ul{list-style:none}.qr-code{width:90px;height:90px;margin:auto}.qr-code-image{width:90px;height:90px}@keyframes dropdown-fadeIn{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes dropdown-fadeIn1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes dropdown-fadeout{0%{transform:scale(1)}to{transform:scale(0)}}.portfolio-dropdown-fadeIn{animation:1s ease-out forwards dropdown-fadeIn}.portfolio-dropdown-fadeOut{animation:1.5s ease-out dropdown-fadeout}.app{background-image:linear-gradient(#3cfc,#fffc),url(/assets/portfolio2-CQzARQ_Z.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100vw;height:100vh;position:relative}.header{color:#fff;text-shadow:2px 2px #000;text-align:center}.script{font-family:Oleo Script,cursive}.contentDiv{border:2px solid #000}.aboutMe{width:100%;height:500px}.portfolioDiv{height:100%}.navbar{color:#39f;background-color:#fff;width:100vw;height:70px;position:relative}.navbar-menu{text-transform:uppercase;margin:auto;font-weight:700}.home-div{color:#39f;text-align:center;cursor:pointer;background-color:#fff;border-radius:1000px;width:50px;height:50px;padding:10px;font-size:x-large;font-weight:bolder}.home-div:focus+.portfolio-dropdown-menu{transform:scale(1)}.menu-text{cursor:pointer;margin-left:20px}.menu-text:hover{color:#000}.portfolio-dropdown-menu{color:#fff;background-color:#39f;width:100vw;height:fit-content;position:absolute;top:70px;left:0;transform:scale(0)}.divOn{transform:scale(1)}.portfolio-dropdown-menu-text{text-align:center;cursor:pointer;width:100%;padding-top:5px}.portfolio-dropdown-menu-text:hover{color:#39f;background-color:#fff}.portfolio-display-none{opacity:0}.linkedIn-icon{cursor:pointer;font-size:40px;position:absolute;top:5px;right:20px}.skillSet-text{width:350px;margin:auto;font-weight:700}.portfolio-button{color:#39f;cursor:pointer;border:2px solid #39f;border-radius:3px;width:fit-content;margin:auto;padding:10px;font-weight:700}.portfolio-button:hover{color:#fff;background-color:#39f}.decorationLine{width:500px;height:50px}.info-text-container{width:550px;margin:200px auto auto}.info-text{text-align:center;font-size:xx-large}.fancyLineDiv{width:fit-content;margin:auto}.imageDiv{position:absolute;top:110px;right:0}.imageDiv2{border:1px solid #fff;width:fit-content;margin-top:30px;margin-left:auto;margin-right:auto}.truck{width:300px;height:80%}.truck2{width:100px}.selected:hover{color:#000}.rightMargin{color:red;margin-right:5px}@media screen and (width<=1138px){.info-text-container{margin-left:10px}}@media screen and (width<=825px){.info-text-container{width:100%;margin-top:30px}.imageDiv,.navbar-menu{display:none}}@media screen and (width<=562px){.decorationLine,.fancyLineDiv,.info-tex{width:100%}}@media screen and (width<=320px){.skillSet-text{width:100%}}@media screen and (width>=825px){.imageDiv2,.home-div{display:none}}.footerDiv{color:#39f;background-color:#fff;width:100vw;height:100px}.footer-header{text-align:center;cursor:pointer;font-weight:bolder}.contactInfo-container:hover{height:200px;transform:translateY(-135px)}.contactInfo-container{text-align:center;color:#39f;cursor:pointer;background-color:#fff;border-radius:5px;width:fit-content;height:40px;margin:auto;padding:5px;font-size:x-large;transition:all 1s ease-in;position:relative;overflow:hidden}.email-div,.phone-div{width:fit-content;margin:auto}.portfolioModal-div{background-image:linear-gradient(#fffc,#fffc),url(/assets/portfolio1-BnGZRd2v.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;border:2px solid #39f;border-radius:5px;width:500px;padding:15px;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.upperCase-on{text-transform:uppercase}.upperCase-off{text-transform:none}.portfolioModal-text-style1{color:#39f;text-shadow:1px 1px #000}.text-achor1:hover{color:#fff}.text-achor2:hover{color:#000}.text-achor1::selection{color:#000}.close-button{float:right;color:#39f;width:27px;font-size:25px}.modal{background-image:linear-gradient(#000c,#000c);width:100%;height:100%;position:fixed;top:0;left:0;overflow-y:scroll}.close-icon{cursor:pointer}.close-icon:hover{color:#000}.display-none{display:none}.modal-header{text-align:center;width:fit-content;margin:auto;font-weight:700}.display-block{display:block}@media screen and (width<=500px){.portfolioModal-div{scrollbar-color:#39f;width:100%}}