HTML/CSS - #BTS🎓 Completed! Online Editor and JavaScript Compiler

html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>#BackToSchool</title>
    <link href="https://fonts.googleapis.com/css2?family=Lato:wght@900&family=Roboto:wght@900&display=swap"
          rel="stylesheet">
</head>
<body>
    <div class="container">
        <div class="logo-container">
            <svg version="1.1" id="sl-logo" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
                 viewBox="0 0 2225.2 2230.7" style="enable-background:new 0 0 2225.2 2230.7;" xml:space="preserve">
<style type="text/css">
    .st0 {
        fill: #6BB94F;
        stroke: #6BB94E;
        stroke-miterlimit: 10;
    }
    .st1 {
        fill: #EE7541;
        stroke: #ED7540;
        stroke-miterlimit: 10;

css

body {
    background: #3176B7;
    font-family: 'Roboto', sans-serif;
    height: 100vh;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    position: relative;
}
.container {
    position: relative;
    height: 100vh;
}
.logo-container {
    display: flex;
    align-items: center;
    justify-content: center;
}
#sl-logo {
    width: 40%;
    margin-top: 4%;
    height: auto;
    animation-delay: 2s;
    -webkit-animation: spin 1s linear 3;
    -moz-animation: spin 1s linear 3;

        function hideLogo() {
            document.getElementById("sl-logo").style.display = "none";
        }
        setTimeout("hideLogo()", 2000);
        
        function showSoloLearn() {
            document.getElementById("sololearn").style.visibility = "visible";
        }
        setTimeout("showSoloLearn()", 4000);
        
        function showBackToSchool() {
            document.getElementById("back-to-school").style.visibility = "visible";
        }
        setTimeout("showBackToSchool()", 4000);
        
        function showBtsLogo() {
            document.getElementById("bts-container").style.visibility = "visible";
        }
        setTimeout("showBtsLogo()", 4000);
        
        function showCtsText() {
            document.getElementById("ct-container").style.visibility = "visible";
        }
        setTimeout("showCtsText()", 3000);
        
        const text = document.querySelectorAll("#comp-text path");

BROWSER

Console