···

       
72
       
72
       
 
       
            white-space: nowrap;

     

       
73
       
73
       
 
       
        }

     

       
74
       
74
       
 
       
        

     

       
75
       
75
       
-
       
        .external-links {

     

       
76
       
76
       
-
       
            display: flex;

     

       
77
       
77
       
-
       
            gap: 15px;

     

       
78
       
78
       
-
       
        }

     

       
79
       
75
       
 
       
        

     

       
80
       
80
       
-
       
        .header-link {

     

       
81
       
81
       
-
       
            color: var(--accent-alt);

     

       
82
       
82
       
-
       
            text-decoration: none;

     

       
83
       
83
       
-
       
            font-size: 0.8rem;

     

       
84
       
84
       
-
       
            font-family: 'JetBrains Mono', monospace;

     

       
85
       
85
       
-
       
            transition: all 0.2s ease;

     

       
86
       
86
       
-
       
            white-space: nowrap;

     

       
87
       
87
       
-
       
        }

     

       
88
       
88
       
-
       
        

     

       
89
       
89
       
-
       
        .header-link:hover {

     

       
90
       
90
       
-
       
            color: var(--accent-color);

     

       
91
       
91
       
-
       
            text-decoration: underline;

     

       
92
       
92
       
-
       
        }

     

       
93
       
76
       
 
       
        

     

       
94
       
77
       
 
       
        .tabs {

     

       
95
       
78
       
 
       
            display: flex;

     
···

       
797
       
780
       
 
       
            .tabs {

     

       
798
       
781
       
 
       
                margin: 10px 0;

     

       
799
       
782
       
 
       
            }

     

       
800
       
800
       
-
       
            

     

       
801
       
801
       
-
       
            .external-links {

     

       
802
       
802
       
-
       
                margin-top: 10px;

     

       
803
       
803
       
-
       
            }

     

       
804
       
783
       
 
       
        }

     

       
805
       
784
       
 
       
        

     

       
806
       
785
       
 
       
        /* People tab styling */

     
···

       
950
       
929
       
 
       
                grid-template-columns: 1fr;

     

       
951
       
930
       
 
       
            }

     

       
952
       
931
       
 
       
            

     

       
953
       
953
       
-
       
            .external-links {

     

       
954
       
954
       
-
       
                width: 100%;

     

       
955
       
955
       
-
       
                justify-content: space-around;

     

       
956
       
956
       
-
       
            }

     

       
957
       
932
       
 
       
            

     

       
958
       
933
       
 
       
            main {

     

       
959
       
934
       
 
       
                margin-top: 150px;

     
···

       
970
       
945
       
 
       
    <header>

     

       
971
       
946
       
 
       
        <div class="header-container">

     

       
972
       
947
       
 
       
            <div class="header-left">

     

       
973
       
973
       
-
       
                <div class="logo">Atomic<span>EEG</span></div>

     

       
948
       
948
       
+
       
                <a href="https://www.cst.cam.ac.uk/research/eeg" target="_blank" style="text-decoration: none;">

     

       
949
       
949
       
+
       
                    <div class="logo">Atomic<span>EEG</span></div>

     

       
950
       
950
       
+
       
                </a>

     

       
974
       
951
       
 
       
                <div class="tagline">musings from the Energy & Environment Group at the University of Cambridge</div>

     

       
975
       
952
       
 
       
            </div>

     

       
976
       
953
       
 
       
            <div class="tabs">

     

       
977
       
954
       
 
       
                <button class="tab-button active" data-tab="posts">Posts</button>

     

       
978
       
955
       
 
       
                <button class="tab-button" data-tab="links">Links</button>

     

       
979
       
956
       
 
       
                <button class="tab-button" data-tab="people">People</button>

     

       
980
       
980
       
-
       
            </div>

     

       
981
       
981
       
-
       
            <div class="external-links">

     

       
982
       
982
       
-
       
                <a href="https://www.cst.cam.ac.uk/research/eeg" target="_blank" class="header-link">Home</a>

     

       
983
       
983
       
-
       
                <a href="https://watch.eeg.cl.cam.ac.uk" target="_blank" class="header-link">Videos</a>

     

       
984
       
957
       
 
       
            </div>

     

       
985
       
958
       
 
       
        </div>

     

       
986
       
959
       
 
       
    </header>