body{width:100vw;height:100vh;padding:0%;margin:0%}.container{height:100%;width:100%;font-family:Roboto,sans-serif;scroll-snap-type:y mandatory;overflow-y:scroll}.skill{margin-left:5%;margin-right:5%;position:relative;overflow-x:hidden}.skill>p{font-size:18px;font-weight:700;color:#1a1716;margin:0}.skill:before{width:100%;height:5px;content:"";display:block;position:absolute;background:#959595;bottom:0}.skill-bar{width:100%;height:5px;background:linear-gradient(100deg,rgba(229,214,99,1) 28%,rgba(255,136,204,1) 53%);display:block;position:relative}.skill1{width:0%;transition:width .7s ease-in}.skill-bar span{position:absolute;border-top:5px solid #f4392f;top:-30px;font-size:18px;padding:3px 0;font-weight:500}.skill-bar{position:relative}.skill1 .skill-count1{font-weight:700;font-style:italic;right:0}.skilljava{background:white;width:500px;padding-top:2%;height:auto;box-shadow:#00000059 0 5px 15px}.skilldis{padding-left:5%}.skilldis{font-size:1em}.skilldis span{color:#f8c}section{width:100%;display:flex;height:100vh;justify-content:center;align-items:center;scroll-snap-align:start}section:nth-child(2n){background:#F1F1F1}.navbar{overflow:hidden;background-color:#0003;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:fixed;top:20px;left:0;right:20px;max-width:37vw;min-width:560px;border-radius:40px;padding:0;margin-left:auto;margin-right:auto;z-index:9}.navbar a{position:relative;display:inline-block;color:#020202;font-family:Roboto,sans-serif;font-weight:700;text-align:center;padding:20px 26px;text-decoration:none;border-radius:40px;z-index:1}.navbar a:hover{background:rgb(229,214,99);background:linear-gradient(100deg,rgba(229,214,99,1) 28%,rgba(255,136,204,1) 53%);color:#000}.navbar a.active{background-color:#f8c;color:#000}ul{font-size:1em;list-style:none}ul li:before{content:"•";color:#f8c;font-weight:700;display:inline-block;width:1em;margin-left:-1em}