.topheader{display:grid;overflow-x:hidden;align-items:center;gap:0;padding:0;grid-template-columns:repeat(auto-fill,minmax(500px,5fr))}header p{margin-bottom:10px}P{word-spacing:1.5px;font-weight:20;font-family:Segoe UI}.imgparent{position:relative;display:flex;margin-top:20px;padding:20px;filter:drop-shadow(10px 10px 20px rgba(0,0,0,.616))}.imgparent img{width:450px;z-index:3}h1{font-size:8rem;font-weight:bold}.footer{position:fixed;left:0;bottom:0;width:100%;text-align:center;padding:10px 0;font-size:14px}#contact{text-align:center;margin:40px 0}.contact-links{display:flex;justify-content:center;gap:20px;margin-top:15px}.logo{font-size:40px;text-decoration:none;color:#070707;position:relative;overflow:hidden;display:inline-block;width:60px;height:60px;line-height:60px;text-align:center;border-radius:50%;border:2px solid #333;transition:color .3s,border-color .3s}.logo::before{content:"";position:absolute;bottom:-100%;left:0;width:100%;height:100%;border-radius:50%;z-index:-1;transition:bottom .5s}.logo:hover{color:#fff;border-color:#00bfff}.logo:hover::before{bottom:0}#contact{text-align:center;margin:40px 0}.contact-links{display:flex;justify-content:center;gap:25px;margin-top:15px}.logo{position:relative;overflow:hidden;display:inline-block;width:60px;height:60px;border-radius:50%;border:2px solid #333;transition:border-color .3s}.logo img{width:60%;height:60%;object-fit:contain;margin:20%;z-index:2;position:relative}.logo::before{content:"";position:absolute;bottom:-100%;left:0;width:100%;height:100%;background:#00bfff;border-radius:50%;z-index:1;transition:bottom .5s}.logo:hover::before{bottom:0}.logo:hover{border-color:#00bfff}.top1{display:inline-block;padding:12px 24px;margin:10px 0 70px 0;font-size:16px;font-weight:600;color:#333;border:2px solid #333;border-radius:8px;text-decoration:none;transition:all .3s ease;background:#fff}.top1:hover{background:#0014c4;color:#fff;border-color:#0014c4}.Bodybox{background:#f5f5f5;color:#001c29;max-width:100%;z-index:-1;padding:4% 0 0 5%;align-items:center;backdrop-filter:blur(10px);overflow:hidden;transition:background .5s ease,color .5s ease}.hihallo{color:#0014c4}#lijo222{display:none}.hilijo{position:absolute;top:30px;right:30px;margin:10px;width:60px;height:32px;background:#ddd;border-radius:50px;cursor:pointer;transition:background .3s ease;box-shadow:inset 0 0 5px #aaa;z-index:1000}.hilijo h5{padding:10px}.hilijo .slider{position:absolute;top:3px;left:3px;width:26px;height:26px;background:#fff;border-radius:50%;transition:transform .4s ease,background .4s ease;box-shadow:0 2px 5px rgba(0,0,0,.2)}#lijo222:checked + .hilijo{background:linear-gradient(145deg,#333,#111)}#lijo222:checked + .hilijo .slider{transform:translateX(28px);background:#0ff}#lijo222:checked + .hilijo h5{transform:translateX(28px);color:#0ff}#lijo222:checked ~ .Bodybox{background:#002333;color:#f5f5f5}#lijo222:checked ~ .Bodybox .hihallo{color:#ffeb3b}#lijo222:checked ~ .Bodybox .scene,.imgparent img{filter:drop-shadow(10px 10px 30px rgba(238,236,236,.5))}#lijo222:checked ~ .Bodybox .scene{filter:drop-shadow(10px 10px 30px white)}#lijo222:checked ~ .Bodybox .lijo222{box-shadow:0 4px 15px rgba(250,249,249,.897)}#lijo222:checked ~ .Bodybox .tooltip{background-color:rgb(248,244,244);color:rgb(5,5,5);box-shadow:0 4px 15px rgba(119,116,116,.884)}:root{--cube-size:min(30vmin,200px);--half-cube:calc(var(--cube-size) / 2)}body{margin:0;font-family:sans-serif;user-select:none;position:relative}.scene{width:var(--cube-size);height:var(--cube-size);perspective:800px;z-index:2;position:absolute;right:15%;bottom:300px;filter:drop-shadow(10px 10px 30px black)}.cube{width:100%;color:white;height:100%;transform-style:preserve-3d;cursor:grab;position:relative}.face{position:absolute;width:var(--cube-size);height:var(--cube-size);background:#0014c4;border:2px solid #f5f5f5;display:flex;justify-content:center;align-items:center;font-size:calc(var(--cube-size) / 8);backface-visibility:hidden}.front{transform:rotateY(0deg) translateZ(var(--half-cube))}.back{transform:rotateY(180deg) translateZ(var(--half-cube))}.right{transform:rotateY(90deg) translateZ(var(--half-cube))}.left{transform:rotateY(-90deg) translateZ(var(--half-cube))}.top{transform:rotateX(90deg) translateZ(var(--half-cube))}.bottom{transform:rotateX(-90deg) translateZ(var(--half-cube))}header p{font-size:1.5rem}.h2logo{text-align:center;size:small}.bylijo33{margin-top:30px;margin-bottom:30px}.roadmap-title,.Internships h3{font-size:2.5rem;font-weight:bold;margin-bottom:40px;text-transform:uppercase}.timeline{position:relative;padding-left:50px}.timeline::before{content:"";position:absolute;left:25px;top:0;bottom:0;width:2px;background-color:#2a7df6;z-index:1}.timeline-item{position:relative;padding-left:45px;margin-bottom:40px;transition:transform .3s ease,background-color .3s ease}.timeline-item:last-child{margin-bottom:0}.bylij0100{position:absolute;left:15px;top:10px;background-color:#2a7df6;width:10px;height:10px;border-radius:50%;border:4px solid white;box-shadow:0 0 12px rgba(0,0,0,.1);z-index:2;transition:transform .3s ease,background-color .3s ease}.timeline-content{padding-left:15px}.timeline-content h4,li{font-size:1.5rem;margin-bottom:10px;font-weight:500}.timeline-content p{font-size:1rem;line-height:1.5;margin-bottom:10px}.timeline-content .year,.univ{font-weight:bold;font-size:1.2rem}.timeline-item:hover{transform:scale(1.05)}.timeline-item:hover .bylij0100{transform:scale(1.2);background-color:#1d59c0}.timeline-item:hover .timeline-content h4{color:#1d59c0}.bylij01{max-width:1200px;margin-top:25%;margin-bottom:25%;transition:margin-bottom 1s ease;text-align:center}.bylij01 h3{font-size:3rem;font-weight:700;margin-bottom:40px;text-transform:uppercase;letter-spacing:2px}.skills-row{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;gap:30px;margin-top:30px}.lijo222{width:100px;height:100px;background-color:#f39c12;border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:0 15px 40px rgba(0,0,0,.4);transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;position:relative}.lijo222 i{font-size:2.5rem;color:#fff}.lijo222:hover{transform:translateY(-10px);box-shadow:0 15px 50px rgba(0,0,0,.6)}.tooltip{visibility:hidden;width:220px;box-shadow:0 4px 15px rgba(253,251,251,.884);background-color:rgb(8,8,8);color:white;text-align:center;border-radius:10px;padding:15px;position:absolute;bottom:-150px;left:50%;transform:translateX(-50%);opacity:0;transition:opacity .3s ease,visibility .3s ease;font-size:.9rem;box-shadow:0 4px 15px rgba(0,0,0,.2)}.tooltip .tooltip-heading{font-size:1.1rem;font-weight:bold;color:#f39c12;margin-bottom:10px}.tooltip .tooltip-text{font-size:.9rem}.lijo222:hover .tooltip{visibility:visible;opacity:1}@media (max-width:768px){.skills-row{justify-content:center}}.o-title_line{display:block;max-height:80%;opacity:0;transform-origin:center top;transform-style:preserve-3d;transform:translateY(100%) rotateX(-80deg);transition:opacity .8s cubic-bezier(.215,.61,.355,1),transform .8s cubic-bezier(.215,.61,.355,1);font-size:11vw;text-align:center}.o-title:hover .o-title_line{opacity:1;transform:none}.o-title:hover #mytext{opacity:0}.o-title:hover .o-title_line:nth-child(1){transition-delay:.3s}.o-title:hover .o-title_line:nth-child(2){transition-delay:.4s}.o-title:hover .o-title_line:nth-child(3){transition-delay:.5s}.o-title:hover .o-title_line:nth-child(4){transition-delay:.6s}section#projects,.bylijo33,.lijo,.Internships{max-width:90%;min-height:100%;margin:15% 0 15% 0;padding:30px;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.05);font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}section#projects h2{font-size:2rem;margin-bottom:25px;border-bottom:2px solid #eee;padding-bottom:10px}.project h3{font-size:1.5rem;margin-top:30px}.project p{font-size:1rem;margin:12px 0}.project p em{font-style:italic}.project ul{padding-left:20px;margin-top:10px}.project ul li{margin-bottom:10px;list-style-type:disc;font-size:.97rem}.project a{text-decoration:none}.project a:hover{text-decoration:underline}.percentage{width:400px;height:20px;background:rgba(255,255,255,.05);border-radius:15px;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(10px);overflow:hidden;position:relative;box-shadow:0 0 20px rgba(255,255,255,.05)}.percentagein{position:absolute;left:0;top:0;height:100%;width:0;background:linear-gradient(90deg,#4facfe 0%,#00f2fe 100%);box-shadow:0 0 20px #00f2feaa;border-radius:inherit;transition:width 2s ease}.percent-label{font-size:1rem;margin-top:8px;letter-spacing:1px;min-height:1}#myText{font-size:5vh;margin-left:2%;text-align:left;transition:opacity .8s cubic-bezier(.215,.61,.355,1),transform .8s cubic-bezier(.215,.61,.355,1)}#logo1{position:absolute;bottom:60px;right:20px;width:40px;height:40px;background-image:url("media/topnavg.png");background-size:contain;background-repeat:no-repeat;background-position:center;cursor:pointer;box-shadow:0 0 5px rgba(0,0,0,.3)}