@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");*{margin:0;box-sizing:border-box}body{background-color:#000;color:#fff}.experience-wrapper,body{font-family:Poppins,sans-serif}.experience-wrapper{width:100%;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;padding:20px}.section{margin-top:50px;text-align:center}.section h2{margin:0;padding:0}.box1{background-color:#373434;padding:20px;margin:10px 0;width:600px;border-radius:8px;display:flex;align-items:center;cursor:pointer;opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}.box1:hover{background-color:hsla(0,0%,47%,.9)}.box-image{width:50px;height:auto;margin-right:25px}.box1 .content{text-align:left;flex-grow:1;font-family:Poppins,sans-serif}.box1.in-view{opacity:1;transform:translateY(0)}.box1.out-of-view{opacity:0;transform:translateY(0)}@media (max-width:1024px){.box1{width:400px;padding:15px}}@media (max-width:768px){.box1{width:300px;padding:10px}.box-image{width:40px}}