body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:Rakkas,serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{scroll-behavior:smooth}:root{--clr-white:#fff;--clr-black:#222;--clr-blue:#2c2cd3;--ff-primary:"Roboto",sans-serif;--ff-secondary:"Open Sans",sans-serif;--transition:all 0.3s linear;--spacing:0.1rem;--radius:0.25rem;--light-shadow:0 5px 15px #0000001a;--dark-shadow:0 5px 15px #0003;--max-width:1170px;--fixed-width:620px;--text-shadow:2px 0 0 #fff,-2px 0 0 #fff,0 2px 0 #fff,0 -2px 0 #fff,1px 1px #fff,-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff}*,:after,:before{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth}body{background:#796969;color:#fff;color:var(--clr-white);font-family:Open Sans,sans-serif;font-family:var(--ff-secondary);font-size:.875rem;line-height:1.5;min-height:100vh}ul{list-style-type:none}a{text-decoration:none}nav{background:#382121;box-shadow:0 5px 15px #0000001a;box-shadow:var(--light-shadow);transition:1s cubic-bezier(.47,0,.745,.715);width:100%}.nav-header{align-items:center;display:flex;justify-content:space-between;padding:1rem}.nav-header,.nav-toggle{color:#fff;color:var(--clr-white)}.nav-toggle{background:#0000;border-color:#0000;cursor:pointer;font-size:1rem;outline-color:#0000;padding:10px;transition:all .3s linear;transition:var(--transition)}.logo a{height:40px}.links a,.logo a{color:#fff;color:var(--clr-white)}.links a{columns:var(--clr-white);display:block;font-size:1rem;letter-spacing:.1rem;padding:.5rem 1rem;text-transform:capitalize;transition:all .3s linear}.links a:hover{background:#d3d3de;color:#4c630d;padding-left:1.5rem}.social-icons{display:none}.list-links{height:0;overflow:hidden;transition:all .3s linear;transition:var(--transition)}.show-links{height:10rem}.slide-image{display:grid;height:80vh;place-items:center;position:relative}.slide-img{height:100%;margin:10px;overflow:hidden;position:absolute;top:20;width:100%}.slide-img img{filter:brightness(20%);height:100%;object-fit:fill;width:100%}.currentSlide{opacity:1;transform:translateX(0)}.previousSlide{opacity:0;transform:translateX(-100%)}.nextSlide{opacity:0;transform:translateX(100%)}.word{color:#fff;color:var(--clr-white);font-family:Rakkas,serif;font-size:20px;line-height:40px;position:absolute;text-transform:capitalize}.word,.work h1{text-align:center;text-transform:uppercase}.work h1{font-size:25px;margin:40px;padding:16px}.my-name{font-size:30;font-style:italic}.slide-btn{background:#0000;border:1px solid #fff;border:1px solid var(--clr-white);border-radius:25%;box-shadow:2px 0 0 #fff,-2px 0 0 #fff,0 2px 0 #fff,0 -2px 0 #fff,1px 1px #fff,-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff;box-shadow:var(--text-shadow);font-size:20px;margin-top:20px;padding:10px;text-transform:uppercase}.slide-btn,.slide-btn>a{color:#fff;color:var(--clr-white)}.portfolio-link{grid-template-columns:repeat(1,1fr);margin:40px}.portfolio-link div img{border-radius:20px;margin-top:20px;max-height:200px;width:350px}.portfolio-link div{background-color:#5e4040;border-radius:20px;display:grid;height:380px;margin:20px;place-items:center}.portfolio-link div h1{color:#000;font-size:16px;margin-bottom:0}.github{color:#fff!important}.port-btn{background:#fff;border:none;border-radius:10px;color:#fff;color:var(--clr-white);font-size:16px;margin-bottom:20px;padding:5px 10px;text-transform:capitalize}.port-btn a{color:#382121!important}.portfolio-link{align-items:center;display:grid;grid-template-columns:1fr;place-content:center}.fa-github{color:#fff;color:var(--clr-white);text-align:right}.fa-github:hover{color:aqua}.portfolio-link div:hover{background:#382121;transition:1s cubic-bezier(.77,0,.175,1)}.portfolio-link div:hover img{opacity:.7}.skill h1,.skill-list{text-align:center}.skill-list{font-size:20px;text-transform:uppercase}.skill-list>li{background-color:#fff;box-shadow:0 5px 15px #0003;box-shadow:var(--dark-shadow);color:#382121;margin:10px;padding:10px}.skill-list li:hover{background-color:#382121;color:#fff}.skill{margin-bottom:50px}.contact h1,.contact p{color:#fff;text-align:center}.contact p{font-size:20px}.contact form{margin-top:30px;text-align:center}.contact input{background:#382121;border-radius:4px;color:#fff;height:40px;padding:12px;width:350px}.contact input:focus,.contact textarea:focus{background-color:#fff;background-color:var(--clr-white);color:#222;color:var(--clr-black);padding:12px}.contact textarea{background:#382121;border-radius:4px;color:#fff;height:200px;padding:12px;width:350px}.contact button{background:#382121;border:2px solid #fff;border-radius:4px;color:#fff;height:40px;margin-left:250px;width:100px}.error{color:#fff;display:block}.social{display:flex;justify-content:center;margin:0 auto}.social li{list-style:none;padding:10px;text-align:center}.social a{color:#fff;font-size:30px;text-align:center}.social a:hover{color:#efefef}.footer-bottom{color:#fff;font-size:25px;text-align:center}.arrowup{color:#fff;display:flex;height:50px!important;margin-left:auto;width:30px!important}@media screen and (min-width:800px){nav{background:#0000;transition:1s cubic-bezier(.47,0,.745,.715)}.nav-center{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1170px;padding:1rem}.nav-header{padding:0}.nav-toggle{display:none}.links{display:flex}.links a{margin:0 .5rem;padding:0;position:relative}.links a:hover{background:#0000;color:#ff0;padding:0}.links a:after{background-color:#fff;bottom:0;content:"";height:2px;left:0;position:absolute;transition:1s cubic-bezier(.075,.82,.165,1);width:0}.list-links{height:auto!important}.links a:hover:after{width:100%}.social-icons{display:flex}.social-icons a{color:#fff;color:var(--clr-white);margin:0 .5rem;transition:all .3s linear;transition:var(--transition)}.social-icons a:hover{color:#6ebef7}.fixed-nav{background:#382121;left:0;position:fixed;top:0;transition:1s cubic-bezier(.47,0,.745,.715);width:100%;z-index:100}.sticky{position:-webkit-sticky;position:sticky;top:0}.portfolio-link{grid-gap:20px;display:grid;grid-template-columns:repeat(3,1fr);margin:40px}.portfolio-link div{margin:0}.skill-list{display:grid;grid-template-columns:repeat(4,1fr)}.arrowup{height:100px!important;width:50px!important}}
/*# sourceMappingURL=main.38b20ba5.css.map*/