@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@500&family=Raleway&family=Roboto:wght@300;400&display=swap";.icons{margin-right:20px;color:var(--textcolor);transition:color .3s ease;cursor:pointer;position:relative;font-size:.9rem;top:1vw;right:3vw}.icons:hover{color:var(--nice-color)}.container{max-width:300px;display:inline-flex;padding:4px 12px;position:relative;left:87vw;margin-top:12px;border:2px solid var(--nice-color)}.Resume{width:120px;height:35px;border:none;outline:none;transition:ease-out .3s;cursor:pointer;font-size:1.5rem;color:var(--nice-color);z-index:1;background-color:var(--nav-dark);font-weight:400}.Resume:hover{color:#fff}.Resume:before{transition:.5 all ease;position:absolute;top:0;left:50%;right:50%;bottom:0;opacity:0;content:"";background-color:var(--nice-color)}.Resume:hover:before{transition:.5s all ease;left:0;right:0;opacity:1;z-index:-1}ul{height:100vh;width:70px;position:fixed;top:0;left:0;background-color:var(--nav-color);list-style:none;transition:transform .3s ease;display:flex;flex-direction:column}ul li{padding:10px;margin-bottom:30px;writing-mode:vertical-lr;-webkit-writing-mode:vertical-lr;font-size:1.8rem;color:var(--textcolor)}ul li:hover{cursor:pointer;color:var(--nav-color)}ul a{display:inline-block;position:relative;align-items:center;text-decoration:none;color:var(--textcolor);transition:color .3s ease}ul a:before,ul a:after{display:block;content:"";position:absolute;background:var(--nice-color);z-index:-5;border-radius:10px}ul a:before{top:-.1rem;bottom:100%;left:-.1rem;right:calc(100% + .1rem);transition:left .5s,right .5s,bottom .5s}ul a:after{top:100%;bottom:-.1rem;left:calc(100% + .1rem);right:-.1rem;transition:left .5s,right .5s,top .5s}ul a:hover:before{top:-.1rem;bottom:0;left:-.1rem;right:0}ul a:hover:after{top:0;bottom:-.1rem;left:0;right:-.1rem}.Name{writing-mode:horizontal-tb!important;padding:10 px;font-weight:700;display:flex;justify-content:left}.period{color:var(--nice-color)}.name-box{background-color:var(--background-dark);height:50px;padding:0;margin:10px;border-radius:10px;transition:background-color .3s}.name-box:hover{background-color:var(--nice-color)}.Introduction{display:flex;flex-direction:column;align-items:center;margin-top:23vh;color:var(--textcolor)}.Introduction h1{font-size:5rem;margin-left:30px;margin-right:30px}.Introduction h2 span{color:var(--nice-color)}.Introduction p{display:flex;flex-wrap:wrap;width:600px;justify-content:center;text-align:center;margin:1em 0;padding-left:70px;padding-right:70px}.Introduction button{outline:none;border:none;width:150px;height:50px;color:#000;font-size:1.3rem;background-color:var(--nice-color);border-radius:5px;cursor:pointer;transition:all .5 ease}.Introduction button:hover{color:#fff}.nav-links .Name{cursor:default!important}@media screen and (max-width: 769px){.container,.Resume{position:fixed;border:none!important;z-index:600!important}.Resume{font-size:1.4em;position:relative;right:22vw;border-radius:5px;border:2px solid var(--nice-color)!important}.Introduction{text-align:center;margin-top:23vh;margin-left:8vh}.Introduction h1{font-size:2em;margin-bottom:1rem}.Introduction h2{font-size:1.4em}.Introduction p{width:100%;font-size:1rem;margin:1em 0}.Introduction button{width:120px;height:40px;font-size:1rem}}:root{--background-dark: #232323;--nice-color: #B6FFFA;--nav-color: #080808;--textcolor: #EEF5FF;--background: #111}*{margin:0;padding:0;box-sizing:border-box;font-family:Open Sans,sans-serif;font-family:Raleway,sans-serif;font-family:Roboto,sans-serif;font-weight:500;z-index:1}body{background-image:url(/NUHASHROXME/assets/image-e3ee16fc.jpg);background-size:cover;background-position:center;height:100vh;margin:0;scroll-behavior:smooth;background-color:var(--background);overflow-x:hidden}.your-content{z-index:1}.about-title{display:flex;justify-content:center;margin-top:40vh;color:var(--textcolor);font-size:5rem}.content-wrapper{position:relative;display:grid;grid-template-columns:1fr 1fr;width:70%;color:var(--textcolor);margin:5rem auto;grid-gap:2rem;gap:2rem}.section-divider{position:absolute;border-top:1px solid rgb(127,126,126);width:100vw;z-index:-2}.about-text{font-size:1.3rem;margin:10px}.tools span{display:inline-flex;background-color:var(--background-dark);padding:.5rem;border-radius:5px;margin-right:1rem;margin-bottom:1rem}.tools h2{font-size:2rem;margin:10px}@media screen and (max-width: 768px){.about-title{margin-top:20vh;font-size:3.5rem;display:flex;justify-content:center;align-items:center}.content-wrapper{padding-left:5rem;display:grid;grid-template-columns:1fr;width:100%;margin:inherit}.about-text,.tools h2{font-size:1rem;margin:5px}.tools h1{display:inline-block;width:100%;white-space:normal;font-size:1.4em}}.contact-wrap{max-width:1500px;margin:7rem auto}.content{text-align:center;color:var(--textcolor);padding:100px}.content h1{font-size:5rem}.content p{font-size:1.5rem}.email{font-size:2rem;outline:none;text-decoration:none;color:#fff;margin:auto;transition:ease-in-out .2s}.email:hover{color:var(--nice-color)}.linked-in{text-decoration:none;color:var(--nice-color)}@media screen and (max-width: 768px){.content h1{font-size:3rem}.content p{font-size:1rem}.email{font-size:1.3rem}}